Html header etiketi bir sitenin menülerinin, logolarının yer aldığı bölümü çevreleyen etikettir. Ayrıca bir makalenin başlığını da çevreler.

Hem içerik hem de websitesinin başlığını çevreler. Örneklerle ne demek istediğimizi daha iyi anlayacaksınız.

Örnek

Header etiketini bir sitenin menülerinin, logosunun bulunduğu üst bölümü oluşturmak için kullandık:

See the Pen Html Header Etiketi Nedir? Nasıl Kullanılır? 1 by ArmyYazılım (@armyyazilim) on CodePen.

Örnek

Bir <article> başlığı:

Burda da sitemizde bulunan bir veya birden çok içeriğimizin her birinin başlık bölümünü oluşturmak için kullandık.

See the Pen Html Header Etiketi Nedir? Nasıl Kullanılır? 3 by ArmyYazılım (@armyyazilim) on CodePen.

Tanım ve Kullanım

Öğe , <header>giriş içeriği veya bir dizi gezinme bağlantısı için bir kapsayıcıyı 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 bilgisi

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

Varsayılan CSS Ayarları

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

header {
  display: block;
}

Html Head Etiketi Nedir? Nasıl Kullanılır?