HTML <header> -elementti

Määrittely ja käyttö

<header> Elementti edustaa esittelysisältöä tai navigointi-linkkien joukon konttoria.

<header> Elementti sisältää yleensä:

  • Yksi tai useita otsikkoelementtejä (<h1> - <h6>)
  • Logot tai ikonit
  • Tekijän tiedot

Vinkki:<header> Tikari-tageja käytetään usein määrittämään asiakirjan otsikkoa.

Huomioitavaa:Yhdessä HTML-dokumentissa voi olla useita <header> elementissä. Mutta:<header> Ei voi olla <footer>,<address> tai toinen <header> elementissä.

Lisäksi:

HTML DOM -viittausoppikirja:Header-objekti

Esimerkki

Esimerkki 1

<article> otsikko：

<article>
  <header>
    <h1>Tämä on otsikko</h1>
    <p>Julkaistu Bill Gatesin toimesta</p>
    <p>Tässä tarjotaan joitakin lisätietoja.</p>
  </header>
  <p>Tässä on sisältö.... Tässä on sisältö....</p>
</article>

Kokeile itse

Esimerkki 2

Otsikkopalkki：

<header>
  <h1>Tämä on etusivun otsikko</h1>
  <p>Julkaistu Bill Gatesin toimesta</p>
</header>

Kokeile itse

Globaalit ominaisuudet

<header> Tagi tukee myös HTML:n globaalit ominaisuudet。

tapahtumamäärittelyominaisuuksia

<header> Tagi tukee myös HTML:n tapahtumamäärittelyominaisuudet。

Oletusarvoiset CSS-asetukset

Useimmat selaimet näyttävät seuraavat oletusarvot <header> Elementti：

header {
  display: block;
}

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä tagia täysin.

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