Düzgün bir şekilde yorumlanmış HTML işaretlemesi, iyi oluşturulmuş bir web sayfasının önemli bir parçasıdır. Bu yorumların eklenmesi kolaydır ve gelecekte sitenin kodu üzerinde çalışmak zorunda olan herkes (kendiniz veya birlikte çalıştığınız herhangi bir takımın üyeleri dahil) bu yorumlar için size teşekkür edecektir.
HTML Yorumları Nasıl Eklenir?
HTML, Windows için Notepad ++ veya Ma için TextEdit gibi standart bir metin düzenleyicisiyle yazılabilir. Adobe Dreamweaver gibi web tasarım merkezli bir program veya Wordpress veya ExpressionEngine gibi bir CMS platformunu da kullanabilirsiniz. HTML'yi yazmak için kullandığınız araçtan bağımsız olarak, doğrudan kodla çalışıyorsanız, bu gibi HTML yorumları eklersiniz:
- HTML yorum etiketinin ilk bölümünü ekleyin:
- Yorumun açılış parçasından sonra, bu yorum için görünmesini istediğiniz metni yazın. Bu gelecekte veya başka bir geliştirici için talimatlar olması muhtemeldir. Örneğin, bir sayfadaki belirli bir bölümün işaretlemede nerede başladığını veya bittiğini belirtmek isterseniz, bunu detaylandırmak için bir yorum kullanabilirsiniz.
- Yorumunuzun metni tamamlandığında, yorum etiketini şu şekilde kapatın: ->
- Toplamda, yorumunuz şunun gibi bir şeye benzeyecektir:
Yorumların Gösterimi
HTML kodunuza eklediğiniz yorumlar, bir kullanıcı web sayfasının kaynağını görüntülediğinde veya bir değişiklik yapmak için HTML'yi bir editörde açtığında bu kodda görünecektir. Ancak bu yorum metni, normal bir ziyaretçi siteye geldiğinde web tarayıcısında görünmez. Bu tarayıcıların içindeki sayfayı gerçekten etkileyen paragraflar, başlıklar veya listeler dahil olmak üzere diğer HTML öğelerinden farklı olarak yorumlar, sayfanın gerçekten "sahnelerin ardında" kısımlarıdır.
Test Amaçlı Yorumlar
Yorumlar bir web tarayıcısında görünmediği için, sayfa sınama veya geliştirme sırasında bir sayfanın bölümlerini "kapatmak" için kullanılabilir. Bir yorumun açılış bölümünü doğrudan gizlemek istediğiniz sayfanızın / kodun bir parçasından önce eklerseniz ve sonra da bu kodun sonundaki kapanış kısmını eklerseniz (HTML yorumları birden çok satıra yayılabilir. kodunuzun 50 numaralı satırı hakkında yorum yapın ve hiçbir sorun olmadan 75 numaralı hattı kapatın), daha sonra bu yoruma dahil olan HTML öğeleri artık tarayıcıda görüntülenmeyecektir. Kodunuzda kalırlar, ancak sayfanın görsel görüntüsünü etkilemezler. Belirli bir bölümün sorunlara neden olup olmadığını görmek için bir sayfayı sınamanız gerekirse, bu alanı dışarıda bırakmak yorumlanmasının silinmesi tercih edilir. Yorumlarda, söz konusu kod bölümünün sorun olmadığını kanıtlarsanız, yorum parçalarını kolayca kaldırabilirsiniz ve bu kod bir kez daha gösterilecektir. Test için kullanılan bu yorumların üretim sitelerine girmediğinden emin olun.
Bir sayfanın bir alanı görüntülenmemesi gerekiyorsa, söz konusu siteyi başlatmadan önce sadece yorumu değil, kodu da kaldırmak istiyorsunuz.
Geliştirme sırasında HTML yorumlarından harika bir tanesi, duyarlı bir web sitesi oluşturduğunuz zamandır . Bu sitenin farklı bölümleri, farklı sayfa boyutlarına bağlı olarak görünümlerini değiştireceğinden, hiç görüntülenmeyebilecek bazı alanlar da dahil olmak üzere, bir sayfanın bölümlerinin açılıp kapanması için yorumların kullanılması, geliştirme sırasında kullanılabilecek hızlı ve kolay bir hile olabilir.
Performans ile ilgili
Bazı web profesyonellerinin, bu dosyaların boyutunu küçültmek ve daha hızlı yükleme sayfaları oluşturmak için yorumların HTML ve CSS dosyalarından çıkarılması gerektiğini önerdiklerini gördüm. Sayfaların performans için optimize edilmesine ve hızlıca yüklenmeye karar vermesine katılıyorum, ancak koddaki yorumların akıllıca kullanılması için hala bir yer var. Unutmayın, bu yorumlar gelecekte bir sitede çalışmayı kolaylaştırmak içindir, bu nedenle kodunuzdaki her satıra eklenen yorumlar ile gecikmiş olmamanız nedeniyle bir dosyaya eklenen küçük dosya boyutu Yorumlar kabul edilebilirden daha fazla olmalıdır.
Yorumlar kullanma ipuçları
HTML yorumları kullanırken dikkatli olmanız veya hatırlamanız gereken birkaç şey:
- Yorumlar birden çok satır olabilir.
- Sayfanızın gelişimini belgelemek için yorumları kullanın.
- Yorumlar şunları yapabilir; bu nedenle içeriği, tablo satırlarını veya sütunlarını belgeleyin, değişiklikleri izleyin veya istediğiniz her şeyi yapın.
- Bir sitedeki "kapanma" konularının, bu değişikliğin kısa bir sırayla tersine çevrilmeyecek şekilde geçici olarak değiştirilmesi gerekmediği sürece üretime geçmemesi gerektiği (ihtiyaç duyulduğunda bir uyarı mesajının açılması veya kapatılması gibi).