<header>

Luet tämän sisällön englanninkielistä versiota, koska tälle sisällölle ei ole vielä käännöstä. Auta meitä kääntämään tämä artikkeli!

The HTML <header> element represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also other elements like a logo, a search form, an author name, and so on.

Sisäsltökategoriat Virtaussisältö, palpable content.
Sallittu sisältö Virtaussisältö, but with no <header> or <footer> descendant.
Tagin pois jättäminen None, both the starting and ending tag are mandatory.
Sallitut vanhemmat Any element that accepts flow content. Note that a <header> element must not be a descendant of an <address>, <footer> or another <header> element.
Sallitut ARIA roolit group, presentation
DOM rajapinta HTMLElement

Käyttöohjeet

The <header> element is not sectioning content and therefore does not introduce a new section in the outline. That said, a <header> element is intended to usually contain the surrounding section's heading (an h1h6 element), but this is not required.

Ominaisuudet

Tämä elementti sisältää vain globaalit ominaisuudet.

Esimerkkejä

<header>
  <h1>Etusivun Otsikko</h1>
  <img src="mdn-logo-sm.png" alt="MDN logo">
</header> 

Etusivun Otsikko

MDN

Artikkelin otsikko

<article>
  <header>
    <h2>The Planet Earth</h2>
    <p>Posted on Wednesday, 4 October 2017 by Jane Smith</p>
  </header>
  <p>We live on a planet that's blue and green, with so many things still unseen.</p>
  <p><a href="https://janesmith.com/the-planet-earth/">Continue reading....</a></p>
</article>

Tekniset tiedot

Määritelmä Tila Kommentti
HTML Living Standard
The definition of '<header>' in that specification.
Living Standard  
HTML5
The definition of '<header>' in that specification.
Recommendation  

Selainyhteensopivuus

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
headerChrome Full support 5Edge Full support YesFirefox Full support 4IE Full support 9Opera Full support 11.1Safari Full support 4.1WebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support 11.1Safari iOS Full support 4.2Samsung Internet Android Full support Yes

Legend

Full support  
Full support

Katso myös