düzgün yorumlanmış HTML biçimlendirme, iyi oluşturulmuş bir web sayfasının önemli bir parçasıdır. Bu yorumları eklemek kolaydır ve gelecekte o sitenin kodu üzerinde çalışmak zorunda olan herkes (kendiniz veya birlikte çalıştığınız herhangi bir ekibin üyeleri dahil) bu yorumlar için size teşekkür edecektir.
HTML Yorumları Nasıl Eklenir
HTML, Windows için Notepad++ veya Mac için TextEdit gibi standart bir metin düzenleyiciyle yazılabilir. Ayrıca Adobe Dreamweaver gibi web tasarımı merkezli bir programı veya Wordpress veya ExpressionEngine gibi bir CMS platformunu da kullanabilirsiniz. HTML yazmak için kullandığınız araçtan bağımsız olarak, doğrudan kodla çalışıyorsanız, aşağıdaki gibi HTML yorumları eklersiniz:
HTML yorum etiketinin ilk bölümünü ekleyin:
Yorumun bu açılış parçasından sonra, bu yorum için görünmesini istediğiniz metni yazın. Bu muhtemelen gelecekte sizin veya başka bir geliştirici için talimatlar olacaktır. Örneğin, bir sayfadaki belirli bir bölümün işaretlemede nerede başladığını veya nerede bittiğini belirtmek istiyorsanız, bunu detaylandırmak için bir yorum kullanabilirsiniz.
Yorumunuzun metni tamamlandığında, yorum etiketini şu şekilde kapatın:
Toplamda, yorumunuz şöyle görünecek:
Gerçekten bu kadar basit.
Yorumların Görüntülenmesi
HTML kodunuza eklediğiniz tüm yorumlar, birisi web sayfasının kaynağını görüntüler veya bazı değişiklikler yapmak için HTML'yi bir düzenleyicide açar. Ancak bu yorum metni, siteye normal ziyaretçiler geldiğinde web tarayıcısında görünmeyecektir. Bu tarayıcıların içindeki sayfayı gerçekten etkileyen paragraflar, başlıklar veya listeler gibi diğer HTML öğelerinin aksine, yorumlar gerçekten sayfanın "perde arkası" parçalarıdır.
Test Amaçlı Yorumlar
Yorumlar bir web tarayıcısında görünmediğinden, sayfa testi veya geliştirme sırasında bir sayfanın bölümlerini "kapatmak" için kullanılabilirler. Bir yorumun açılış bölümünü, sayfanızın/kodunuzun gizlemek istediğiniz bölümünün hemen önüne eklerseniz ve ardından bu kodun sonundaki kapanış kısmı (HTML yorumları birden fazla satıra yayılabilir, böylece kodunuzun 50. satırında bir yorum açabilirsiniz ve 75. satırda sorunsuz bir şekilde kapatın), o zaman bu yoruma giren HTML öğeleri ne olursa olsun artık görüntülenmez. tarayıcı. Kodunuzda kalacaklar, ancak sayfanın görsel görünümünü etkilemeyecekler. Belirli bir bölümün sorunlara neden olup olmadığını görmek için bir sayfayı test etmeniz gerekiyorsa, o alanı yorumlamak, silmek yerine tercih edilir. Yorumlarla, söz konusu kod bölümünün sorun olmadığı ortaya çıkarsa, yorum parçalarını kolayca kaldırabilirsiniz ve o kod bir kez daha görüntülenecektir. Sadece test için kullanılan bu yorumların üretim web sitelerine girmediğinden emin olun. Bir sayfanın bir alanı görüntülenmiyorsa, o siteyi başlatmadan önce sadece yorum yapmakla kalmayıp kodu da kaldırmak istersiniz.
Geliştirme sırasında HTML yorumlarının harika bir kullanımı, duyarlı bir web sitesi. Çünkü o sitenin farklı bölümleri görünümlerine göre değişecektir. farklı ekran boyutları, hiç görüntülenemeyebilecek bazı alanlar da dahil olmak üzere, bir sayfanın bölümlerini açıp kapatmak için yorumları kullanmak, geliştirme sırasında hızlı ve kolay bir hile olabilir.
Performansla ilgili
Bazı web uzmanlarının, bu dosyaların boyutunu küçültmek ve daha hızlı yüklenen sayfalar oluşturmak için yorumların HTML ve CSS dosyalarından çıkarılması gerektiğini önerdiğini gördüm. Sayfaların olması gerektiği konusunda hemfikir olsam da performans için optimize edilmiş ve hızlı bir şekilde yüklenmeli, kodda yorumların akıllıca kullanılması için hala bir yer var. Unutmayın, bu yorumların amacı aşırıya kaçmadığınız sürece gelecekte bir sitede çalışmayı kolaylaştırmak içindir. kodunuzdaki her satıra eklenen yorumlar, yorumlar nedeniyle bir sayfaya eklenen dosya boyutunun az miktarda olması gerekenden daha fazla olmalıdır. kabul edilebilir.
Yorumları Kullanma İpuçları
HTML yorumlarını kullanırken dikkat edilmesi veya hatırlanması gereken birkaç şey:
- Yorumlar birden fazla satır olabilir.
- Sayfanızın gelişimini belgelemek için yorumları kullanın.
- Yorumlar ayrıca içeriği, tablo satırlarını veya sütunlarını belgeleyebilir, değişiklikleri izleyebilir veya istediğiniz her şeyi yapabilir.
- Bir sitenin "kapatılan" alanlarını bu değişiklik bir değişiklik olmadıkça üretime almamalıdır. kısa sırayla tersine çevrilecek geçici olan (bir uyarı mesajının açık veya kapalı olması gibi) gerekli).