HTML <header> yaandiko

Mifano na matumizi

<header> Elementi inaonyesha kina ya kuzingatia au kikapteni ya viungo vya navigation.

<header> Elementi inayochukua:

  • mwingine au vingine vya viungo vya kichwa (<h1> - <h6>)
  • Burudani au ikona
  • Habari ya mchakato

Tahadhari:<header> Tegesi zinaongezwa kwa kufungua kichwa cha wasifu wa kitabu.

Ujumbe:mwingine wa HTML mwenye mifano mingi yenye <header> elementi. Kwa hivyo,<header> haikuhusishwa <footer>,<address> au mwingine <header> katika elementi.

Tazama pia:

Kitabu cha Mifano ya HTML DOM:Mwongozo wa Header

Mifano

Mifano 1

Kichwa cha <article>:

<article>
  <header>
    <h1>Hii ni kichwa cha maelezo</h1>
    <p>Ilitolewa na Bill Gates</p>
    <p>Hii inataja maelezo ya kadi zaidi.</p>
  </header>
  <p>Hii ni maelezo ya kichwa.... Hii ni maelezo ya kichwa....</p>
</article>

Tenda kwa kufikia

Mifano 2

Kichwa cha ukurasa:

<header>
  <h1>Hii ni utitiro wa nyumbani</h1>
  <p>Ilitolewa na Bill Gates</p>
</header>

Tenda kwa kufikia

Mashahara ya jumla

<header> Tabeli inayosimamia pia Mashahara ya jumla katika HTML.

Mashahara ya matukio

<header> Tabeli inayosimamia pia Mashahara ya matukio katika HTML.

Mingea ya CSS ya kawaida

Kwa kawaida, programu za kusoma zizungumza kwa thamani zifuatavyo <header> Eneo:

header {
  display: block;
}

Mwongozo wa kusoma

Inafikia namna ya kumaliza tabia hii kwa programu za kusoma kwa uwanja wa kwanza.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1