HTML <header> Etiketi


Örnek

<makale> için bir başlık:

<article>
  <header>
    <h1>A heading here</h1>
    <p>Posted by John Doe</p>
    <p>Some additional information here</p>
  </header>
  <p>Lorem Ipsum dolor set amet....</p>
</article>

Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.


Tanım ve Kullanım

Öğe , <header>tanıtım içeriği için bir kapsayıcıyı veya bir dizi gezinme bağlantısını temsil eder.

Bir <header>öğe tipik olarak şunları içerir:

  • bir veya daha fazla başlık öğesi (<h1> - <h6>)
  • logo veya simge
  • yazarlık bilgileri

Not:<header> Bir HTML belgesinde birkaç öğeniz olabilir. Ancak, <header>bir <footer>, <address> veya başka bir <header>öğe içine yerleştirilemez.


Tarayıcı Desteği

Tablodaki sayılar, öğeyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Element
<header> 5.0 9.0 4.0 5.0 11.1


Genel Özellikler

Etiket ayrıca HTML'deki Global Nitelikleri<header> de destekler .


Etkinlik Özellikleri

Etiket ayrıca HTML'deki Etkinlik Niteliklerini<header> de destekler .


Daha fazla örnek

Örnek

Bir sayfa başlığı:

<header>
  <h1>Main page heading here</h1>
  <p>Posted by John Doe</p>
</header>

İlgili Sayfalar

HTML DOM referansı: Başlık Nesnesi


Varsayılan CSS Ayarları

Çoğu tarayıcı, <header>öğeyi aşağıdaki varsayılan değerlerle görüntüler:

header {
  display: block;
}