HTML <section> -elementti

Määritelmä ja käyttö

<section> Tunniste määrittää dokumentin yhden osan.

Katso myös:

HTML DOM -viittauskirja:Section-objekti

Esimerkki

Dokumentin kaksi osaa:

<section>
<h2>WWF:n historia</h2>
<p>Maailman luonnon sääntelyvirasto (WWF) on kansainvälinen järjestö, joka keskittyy ympäristönsuojeluun, tutkimukseen ja palauttamiseen, ja sen edeltäjä oli maailman luonnoneläintensuojelufondi. Maailman luonnon sääntelyvirasto perustettiin vuonna 1961.</p>
</section>
<section>
<h2>WWF:n logo</h2>
<p>Panda on tullut maailman luonnonsuojeluliiton symboliksi. WWF:n kuuluisa panda-logo on peräisin samana vuonna, jolloin yksi nimeltään 'Qiqi' oleva panda siirrettiin Pekingin eläintarhaa Lontooseen.</p>
</section>

Kokeile itse

Globaalit ominaisuudet

<section> Tämä merkki tukee myös HTML - globaalit ominaisuudet.

tapahtumamäärittelyominaisuuksia

<section> Tämä merkki tukee myös HTML - tapahtumamäärittelyominaisuudet.

Oletusarvoiset CSS-asetukset

Useimmat selaimet näyttävät seuraavat oletusarvot <section> Elementti:

section {
  display: block;
}

Kokeile itse

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee kyseistä ominaisuutta.

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