HTML, CSS, JS ve PHP kodundaki yorumlar. Kodda html yorumları nasıl yazılır? Html'de açıklama nasıl yapılır

... bugün bu kısa ama faydalı yazıda, farklı program kodlarının nasıl yorumlandığını anlayacağız. Fazla bir şey söylemeyeceğim, çünkü bununla ilgileniyorsanız, o zaman zaten bu problemin sorularıyla karşı karşıya kaldınız ve bunun hakkında bir fikriniz var.


Adrese geldiniz ... ancak netlik ve davanın yararı için birkaç kelime. Muhtemelen bunun CSS koduyla nasıl yapıldığını görmüşsünüzdür, çünkü css benim gibi birçok yeni başlayanın ilgisini çekiyor.

… İyi!

Ancak, yorumların şu durumlarda da kullanıldığını unutmayın. html ve php... Ancak yeni başlayanların çoğu, site ile çalışmalarının ilk aşamasında kafaları karışır ve gerekli açıklamaları kendilerine nasıl ekleyeceklerini bilemezler. Sonuçta, olur, örneğin, devre dışı bırakmanız gerekir HTML Kodu, ve sonra tekrar işlevine devam edin - "kenar boşluklarında" kendiniz için notlar aldıysanız, uygulaması kolaydır, ancak ne olduğunu asla bilemezsiniz.

Ancak genel olarak "yorumlar" hakkında hatırlanması gerekenler - buradaki her şey, özellikle hangi dosyayla çalıştığınıza bağlıdır ve bu nedenle uygulama kodu farklıdır.

CSS kodunu yorumlama

a: üzerine gelin, a: odak (renk: # D5071E; metin dekorasyonu: Üst çizgi; / * ALT ÇİZGİ YUKARI * /)

Kendinizi bu şekilde açıklıyorsunuz. Veya bu css betiğini tamamen şu şekilde yorumlayabilirsiniz: sadece sarın

/ * KOD burada * /

/ * a: üzerine gelin, a: odak (renk: # D5071E; metin-dekorasyon: alt çizgi; / * ALT ÇİZGİ * /) * /

Dikkatinizi şu gerçeğe çekiyorum - css kodunun tüm döngüsünü bu şekilde yorumlayabilirsiniz, ancak !! o zaman tekrarlanan yorumları kaldırmanız / * ALT ÇİZGİ * / veya açıklama önemliyse eğik çizgilerle oynamanız gerekir))

Aksi takdirde bir hata olacaktır !!

Not:

Sayfanın kaynak kodunu açarsanız - Ctrl + U ve bir göz atarsanız ... yorumlanmış css kodunun oluşturulan belgede güzel bir şekilde görüntülendiğini göreceğiz! bu, doğrudan html'de css kullanılmışsa (özellikler ayarlanmışsa)

Ve bildiğiniz gibi, kaynak kodundan aktif şablonunuzun css belgesine başvurarak giderseniz - tüm yorumlar gözlenebilir ve incelenebilir)) birinin ihtiyacı varsa. Ama bu pek olası değil)

İngilizce zarf (kelimeler) okunabilir olacaktır. Rus sembolizmi - hayır.

HTML kodunu yorumlama

XML dosyası aynı şekilde yorumlanır.

Önemli: Her zaman makalelerde verilen kodu en azından görsel olarak kontrol edin) aksi halde hatalar olabilir.

Biçimlendirmedeki olağan dikkatsizlik zaman alıcı olabilir, örneğin, yukarıda gösterilen COMMENTED kodu genellikle hatalıdır: iki kısa tire yerine bir uzun tire görünür:

Bilginize:

önceki açıklamada belirtildiği gibi - yorum da öyle ... oluşturulan belgede html kodu görüntülenir!

Bunu aklında tut.

Ve işte başka bir şey:

yorumlanan kodun sayfanın kaynak kodunda görüntülenmesine ek olarak (yani sayfada da görünmeyecek olsa da bir anlamda işlendiği anlamına gelir!) - birlikte bazı php işlevlerini kaldırmak daha iyidir etkin belgeden html ile.

Örneğin:

belgede ve işlevde görünecekişini harika bir şekilde yapacak: yani, bilgi ön uçta görünmeyecek, kaynakta görünecek - net bir şekilde görüntülenecek! ve bu, veritabanına özel bir istek: tüm bunlar önemsiz, ama bilmeniz gerekiyor!

Belgeden bir kod parçası çıkarmak istemiyorsanız bunu yapmak mümkündür:

açılıştan önce gerekli "ekstra" html kodunu ekleyin... satır içi işlev ... ve kapatılıyor mu?> ...

Tek kelimeyle, kod büyükse bunu şu şekilde yapabilirsiniz:


**/ ?>

o zaman kaynak temiz olacak!

Veya daha basit:

Html belgesinde işlevin kendisini yorumlayalım. Bu durumlarda kaynak kodu, işlevlerin geliştirilmesiyle ilgili olarak temiz olacaktır!

JavaScript nasıl yorumlanır

if (Gösteriliyor || gösteriliyor) (// animasyonu tekrar tetikleme geri dön;) else (// satırda HERHANGİ BİR YORUM uygula // satırda HERHANGİ BİR YORUM uygula // true;

Netlik sağlamak için, noktalama işaretlerini biraz ayarlayarak bu örnek JavaScript kodunu netten aldım. Önemli değil ... Asıl mesele, prensibi anlamaktır ...

Eğik çizgi "//" çift olduğunu anladığınız gibi, bu yorumun İŞARET'idir ... TEK SATIR!

JS kodunun geri kalanı php gibi yorumlanmıştır, daha fazlası aşağıdadır:

açıklama:

PHP kodunu yorumlamak

... ve ... burada aynı - eğik çizgi ... tek satır.

Ancak, tıpkı CSS kodu gibi açıklama eklenebileceğini unutmayın.

... ya da yorum yapabilirsiniz - yorum satırından önce İKİ eğik DEĞİL, BECAR (karma) kullandığımızda tek satırlık bir seçenek:

... Doğal olarak, kod döngüsünde dikkatli bir şekilde yorum yapmanız gerekiyor!

... veya aynı şekilde - CSS için yukarıdaki örneğe benzer ... yani. bu / * kod * / yorum seçeneği hem CSS hem de JS kodları için çalışacaktır!

Ancak bu şekilde, ana örnekleri arasında bir yerde PHP koduna daha hacimli bir açıklama yapabilirsiniz ...

Ayrıca, eğer kod karıştırılmışsa, bunun gibi php döngülerinde yorum yapabilirsiniz ... php ve bir şekilde html

Yukarıdakine benzer:

Örneğin, bir tür işlev ... genel kodun bir yerinde (veya html'de bir döngü):- yorum yapabilirsiniz, yani kendi etiketinizi şöyle ekleyebilirsiniz:

ya da öylesine: tek satırlık bir seçenek ...

Zeka:

php kodu hiçbir kaynak kodunda görünmüyor !! sadece işlevsel sonucu görünür - çalışıyor!

Genel olarak, bugün bildirmek istediğim tek şey bu!

Şimdi deney yapabilirsiniz ... İyi şanslar.

Ve elbette sitenin makalelerini okuyun ve abone olun:
Acı deneyimimi paylaşıyorum - tatlı iyiliğiniz için biraz bilgi))

... web yöneticileri şehri Mikhalika.ru© - WordPress ile Kolayca

Michael 2016-05-05 1 HTML ve CSS 2

Kodda html yorumları nasıl yazılır?

Bugün size html'deki kodda nasıl yorum yapacağınızı anlatacağım. Yorumlar çok faydalı bir şeydir. Kodun yürütülmesini ve sayfaların görünümünü hiçbir şekilde etkilemezler ve yine de sayfanın kaynak kodunda görülemezler. Aslında, yorumlar yalnızca dosyayı bir düzenleyicide açarak görülebilir. Not Defterimde ++, yeşil renkle vurgulanırlar.

Html'de nasıl yorum bırakılır?

Çok kolay. İşaretleme dilinde bir yorumun sözdizimi aşağıdaki gibidir:

Böylece, sadece bir satır değil, birkaç satır yorum yapabilirsiniz. Hatırlanması gereken asıl şey,- kapanış. Böyle bir yapının içinde, hem yalnızca açıklayıcı bir metin hem de köşeli parantez içindeki etiketleri kullanabilirsiniz, tarayıcı bunları okumaz.

Dediğim gibi, yorum aşağıdaki özelliklere sahiptir:

  1. sayfada görünmüyor
  2. ve kaynak kodunda da hayır, ancak yalnızca bir dosyayı düzenlerken
  3. içine yerleştirilen tüm etiketler tarayıcı tarafından hiçbir şekilde işlenmez.

Bu ne için

Yorumların temel amacı diğer geliştiricilere yardımcı olmaktır. Kodlama yaparken, kodun hangi bölümünün başlığı oluşturduğunu ve hangi bölümün ana bölümü oluşturduğunu açıkça belirtebilirsiniz. Tabii ki, deneyimli kodlayıcılar onsuz çözebilirdi, ancak kodu okumak ve anlamak hala gelişiyor. Ayrıca yorumlar, html'yi iyi anlamayan kişilerin, ne de olsa, en azından biraz ne yazıldığını anlamalarına yardımcı olur. İşte kullanımlarına bir örnek:

Bir yorumun ikinci olası kullanımı, bir kod parçasını silmek istemediğinizde, ancak bir şekilde yürütmesini devre dışı bırakmanız gerektiğinde bir süre için devre dışı bırakmaktır. Bu arada, bu, çeşitli düzen hatalarının belirlenmesine yardımcı olabilir.

Genel olarak, herhangi bir web geliştiricisinin iyi niteliklerinden biri, güzel tasarlanmış ve anlaşılır kod yazabilme yeteneğidir. Bu, öğelerin iç içe yerleşimini gösteren girinti kullanmanız, gerekirse yorum bırakmanız, belgenin ana bölümlerini satır sonlarıyla ayırmanız vb. anlamına gelir. Bütün bunlar, gelecekte kodu düzenleyecek olanlara ve kendi yaratılışında kaybolmayan yazarın kendisine yardımcı olur.

Bu makaleye yorumların ne için olduğuyla başlayacağım. Karmaşık bir yapıya sahip bir modül geliştirdiğinizi varsayalım. Veya birçok öğe ekiyle bir düzen oluşturursunuz. Bu gibi durumlarda, kodun bazı bölümlerini bir şekilde işaretlemek en iyisidir - bunun için yorumlar vardır.

Şimdi dört farklı kod için dört yorum türünü, daha doğrusu tüm türlerini ayrıntılı olarak göstereceğim.

HTML Yorumları

HTML işaretlemesine yorum eklemek için şunu kullanın:

Bu etiketlerdeki her şey ekranda görünmez, ancak kaynak kodunda görüntülenebilir.

CSS stillerinde yorumlar

CSS stillerine yorum eklemek için şunu kullanın:

Bu etiketlerdeki her şey, stiller oluşturulurken dikkate alınmaz, ancak stiller dosyasının kendisinde görüntülenebilir.

JavaScript Yorumları

JavaScript'te yorum eklemek için onların iki türü.

Birinci tip:

// Metin, kod veya diğer

İkinci tip:

/ * Metin, kod veya diğer * /

Bu etiketlerdeki her şey, komut dosyası yürütülürken dikkate alınmaz, ancak JavaScript dosyasının kendisinde görüntülenebilir.

PHP kodundaki yorumlar

Bu programlama dili, öncekilerden farklı olarak, 3 tür yorum.

Birinci tip:

// Metin, kod veya diğer

İkinci tip:

/ * Metin, kod veya diğer * /

Ve üçüncü tip:

# Metin, kod veya diğer

Bu etiketlerde bulunan her şey, komut dosyası yürütülürken dikkate alınmaz ve yalnızca PHP dosyasının kendisinde görünür.

Not!

/ * / * Kodum * / * /

size bir hata verecektir.

Bu derste, nasıl yapılacağı hakkında konuşacağım. HTML, CSS, PHP'de yorumlar... Yorumlar, web sayfasında görünmeyen metinlerdir. Belgeyi yapılandırmanıza izin veren web yöneticileri için her türlü açıklama, hatırlatıcı, açıklama için kullanılırlar. Kod hatalarını ayıklarken yorumlar vazgeçilmezdir, bir web sayfasının işaretlemesinde hızlı bir şekilde gezinmenize ve ihtiyacınız olan bloğu bulmanıza olanak tanır. Çoğu zaman, yorumlar HTML kodunda hata ayıklamak için kullanılır. Örneğin, çalışmaması için belirli bir kod bloğunu geçici olarak yorumlayabilirsiniz ve gerekirse kolayca geri yüklenebilir.

HTML yorumları

HTML'de yorumlar semboller kullanılarak oluşturulur:... Bu nedenle, bu semboller arasındaki herhangi bir metin bir yorumdur. Bir örnek düşünelim:

CSS'deki yorumlar

CSS yorumları / * ve * / sembolleri kullanılarak oluşturulur. Yorum oluşturmak için web sayfası kodunu şu sembollerin arasına yerleştirmeniz yeterlidir:

/ * Gövde stilleriyle bloğun başlangıcı * / gövde (arka plan: #efeded; yazı tipi ailesi: Verdana, Helvetica, sans-serif; yazı tipi boyutu: 12 piksel; kenar boşluğu: 0 piksel; dolgu: 0 piksel;) / * Blok sonu Gövde stilleriyle * /

PHP Yorumları

PHP yorumları tek satırlı veya çok satırlı olabilir:

1) PHP'de tek satırlık yorumlar şu semboller kullanılarak oluşturulur: //. Bu sembolü satırın önüne koymanız yeterlidir ve yorum yapılacaktır.Bu seçenek, yorumun sadece bir satırdan oluştuğu durumlarda kullanılır.

2) Çok satırlı yorumları uygulamak için şu semboller kullanılır: / * ve * /. Bu seçenek, yorum birden çok satıra yayılıyorsa kullanışlıdır.

Böylece yapmayı öğrendik

Bir programcının çalışmasında, kodun bir bölümünü veya geleceğe yönelik işaretleri tanımlamak için sürekli olarak yorum şeklinde bazı notlar almanız gerekir. Her dilin kendi sözdizimi vardır, bu nedenle web sayfaları geliştirirken ortak bir sorun, HTML'de bir satırın veya bir kerede yalnızca küçük bir bloğun nasıl yorumlanacağını bilmemektir.

HTML yorumları

Bir web sayfası geliştirirken bazen kodun bir kısmını bir süreliğine gizlemek veya programcıya not almak gerekebilir. Örneğin kodun bir kısmını başka bir dosyaya aktarmak gibi ek uygulamalar kullanmamak için HTML'de bir satırı nasıl yorumlayacağınızı bilmeniz gerekir.

Çoğu programlama dilinden farklı olarak, HTML'nin tek satırlık bir yorum oluşturmak için özel bir işlevi veya etiketi yoktur. Yalnızca bir satırı veya bir kısmını "gizlemeniz" gerekiyorsa, klasik dil araç setini kullanmanız gerekir. Ancak, bunu yapmanın birkaç yolu vardır.

Standart yorum

HTML'de bir kod parçasını yorumlamanın en kolay yolu özel karakter çiftleri kullanmaktır. Bir yoruma başlamadan önce belirtmeniz gerekir "". Böylece, bu yapı içindeki her şey sayfa yüklendiğinde kullanıcıdan gizlenecektir.

Bir yorumla çalışırken son derece dikkatli olmanız gerektiğine dikkat edilmelidir. Sınırlarını tanımlarken, ikinci kısmı bunun dışında kalan herhangi bir açılış veya kapanış etiketinin içine düşüp düşmediğini kontrol etmeniz gerekir - bu durumda sayfa yüklemesi yanlış olacaktır. Ayrıca, bir yorum içinde birkaç tane daha oluşturamazsınız - bu yazı ile, yorum bölümünün sonuna gelen ilk sinyal, gizli metnin sonraki tüm bölümünü açacaktır.

Aşağıda doğru yazım örneği verilmiştir:

Bu bir yorum.

Etiket

HTML'de ayrıca özel bir etiket çifti kullanarak satırları yorumlayabilirsiniz - ... Bu amaç için özellikle dil sözdizimine dahil edilmiştir, ancak Internet Explorer 8.0 dışında çoğu popüler tarayıcı bunu desteklemez. Etiket Yalnızca IE 8.0, 4.0 ve önceki sürümler için bazı bilgilerin gizlenmesi gerektiğinde veya geliştirme sırasında geçici bir çözüm olarak kullanışlıdır. Buradaki özel nokta, kodun bir bölümünü yalnızca sayfanın gövdesinde, yani etiketin içinde yorumlayabilmenizdir. .

Aşağıdaki örnekte, sayfa belirtilen tarayıcılarda yüklendiğinde beyaz bir sayfa görüntülenecek, diğer programlarda sayfa yazılacaktır:

Bu bir yorum

.

geleneksel olmayan yaklaşım

Klasik yöntemlere ek olarak, belirli yöntemleri kullanarak kodu HTML'de yorumlayabilirsiniz. Temel HTML dil yapılarına ek olarak, komut dosyası etiketleri ve stil sayfası etiketleri genellikle sayfanın gövdesinde belirtilir. Her birinin ayrıca kendi yorum tanımları vardır.

Bu nedenle, kodun gerekli kısmını belirtilen etiketlerden birine eklerseniz, HTML sayfasındaki kodun bir kısmını yorumlamak için içeride başka yöntemler kullanabilirsiniz. Bu tür yöntemler modern uygulamada pratik olarak kullanılmaz, ancak kendini geliştirme veya gerekirse sayfadaki metnin olası görünümünü dışlamak için uygulanabilirler.

Bir kod etiketi veya stil sayfası kullanırken, yorumlar tek satırlı veya çok satırlı olabilir. İlki, bu karakterlerin yazıldığı andan itibaren satırın geri kalanını yorumlayan "//" yapısı ile tanımlanır. Kodun bir bölümünü gizlemek için, açmak için "/ *" ve bir yorumu kapatmak için "* /" sözdizimi açıklamasını kullanın. Kapanış yapısı "/ *" sembollerinden sonra yazılmazsa, kalan HTML kodunun tamamı yorumlanır.

Sunulan örnek, standart olmayan bir yorum yapmanın bir yolunu göstermektedir:

/*

Это комментарий.

*/