HTML <hr> Etiketi Kullanımı

HTML <hr> Etiketi Kullanımı

HTML 11 Ara 2024 Ahmet Halit DURUSOY Ahmet Halit DURUSOY 2 dakika okuma
Paylaş:

<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ı:

  1. Atıfta Bulunma (Attributes): Genellikle atıfta bulunma gerektirmez, çünkü içeriği zaten bir çizgidir ve içerik eklemek için kullanılmaz.

  2. Kapanma Etiketi: HTML5'de, <hr> etiketi boş bir etiket olduğu için kapanma etiketi gerektmez. Yani <hr> veya <hr /> olarak kullanabilirsiniz.

  3. 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.

  4. Stil: Çizginin stilini CSS ile özelleştirebilirsiniz. Renk, kalınlık, uzunluk gibi özellikleri kontrol edebilirsiniz.

  5. Erişilebilirlik: Erişilebilirlik amacıyla, çizgiye ilişkin metin tabanlı açıklamalar veya açıklamalı metinler eklemek de iyi bir uygulamadır.

  6. 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.

İlgili Etiketler

Ahmet Halit DURUSOY

Ahmet Halit DURUSOY

Yazar & İçerik Üreticisi

Profili Görüntüle

Çerez Ayarları

Deneyiminizi iyileştirmek için çerezler kullanıyoruz. Daha fazla bilgi için Çerez Politikamızı ziyaret edin.