hr | HTML Kodları

hr

hr Nedir?

<hr> etiketi, HTML’de yatay çizgi (horizontal rule) oluşturmak için kullanılır. İçerik bölümlerini görsel ve anlamsal olarak ayırmak amacıyla tercih edilir. HTML5 ile birlikte sadece görsel değil, aynı zamanda anlamsal bir ayırıcı olarak da kabul edilir.

Ne İşe Yarar?

<hr> etiketi, sayfa içeriğinde konu veya bölüm değişimini belirtir. Tarayıcı varsayılan olarak yatay bir çizgi çizer. Bu çizgi, CSS ile tamamen özelleştirilebilir veya görünmez hale getirilebilir.

En Basit Kullanımı

<hr> etiketi tek başına kullanılır ve kapanış etiketi yoktur.

<hr>

Örnek Kullanımlar

Bölümleri ayırma

İki farklı içerik bölümünü birbirinden ayırmak için kullanılır.

<p>Birinci bölüm</p>
<hr>
<p>İkinci bölüm</p>

Başlık ile içerik ayırma

Başlık ve metin arasında görsel bir ayraç oluşturur.

<h2>Başlık</h2>
<hr>
<p>Başlık içeriği</p>

CSS ile stil verme

<hr> etiketi CSS ile tamamen özelleştirilebilir.

<style>
  hr {
    border: none;
    height: 2px;
    background-color: #ccc;
  }
</style>

Ne Zaman Kullanılır?

İçerikte konu değişimi olduğunda.
Bölümler arası görsel ayırıcı gerektiğinde.
Uzun metinlerde okunabilirliği artırmak için.

Küçük İpuçları

<hr> etiketi blok seviyelidir.
Boşluk vermek için kullanılmamalıdır.
Görsel çizgi CSS ile kontrol edilmelidir.
HTML5’te anlamsal bir ayırıcı olarak kabul edilir.

1 ay önce

hr