<hr> etiketi, HTML'de yatay bir çizgi veya ayırıcı çizgi (horizontal rule) oluşturmak için kullanılır. Bu çizgi, genellikle belge içinde bölümleri ayırmak veya içerikleri gruplandırmak için kullanılır. <hr> etiketi öznel olarak herhangi bir içerik gerektirmez ve kendisi bir boş elemandır. İşte <hr> etiketinin kullanımı:
<p>Bu bir paragraf.</p><hr> <!-- Yatay çizgi eklendi -->
<p>Bu da başka bir paragraf.</p>
Yukarıdaki örnekte, <hr> etiketi, ilk paragrafı ikinci paragraftan ayıran yatay bir çizgi ekler.
<hr> etiketinin bazı özellikleri ve kullanım notları:
-
Atıfta Bulunma (Attributes): Genellikle atıfta bulunma gerektirmez, çünkü içeriği zaten bir çizgidir ve içerik eklemek için kullanılmaz.
-
Kapanma Etiketi: HTML5'de,
<hr>etiketi boş bir etiket olduğu için kapanma etiketi gerektmez. Yani<hr>veya<hr />olarak kullanabilirsiniz. -
Görüntü: Tarayıcıda, çizgi genellikle yatay bir çizgi olarak görüntülenir. Ancak tarayıcıya ve stil sayfalarına bağlı olarak görünümü değişebilir.
-
Stil: Çizginin stilini CSS ile özelleştirebilirsiniz. Renk, kalınlık, uzunluk gibi özellikleri kontrol edebilirsiniz.
-
Erişilebilirlik: Erişilebilirlik amacıyla, çizgiye ilişkin metin tabanlı açıklamalar veya açıklamalı metinler eklemek de iyi bir uygulamadır.
-
Duyarlı Tasarım: Mobil cihazlar ve farklı ekran boyutları için uygun tasarım sağlamak için çizgiyi de uygun şekilde ayarlamanız gerekebilir.
<hr> etiketini, belge içeriğini bölerek veya tematik olarak ayrıştırarak içeriğin daha okunabilir ve düzenli görünmesini sağlamak için kullanabilirsiniz.