Uusi HTML5 -osiossa voi olla hieman hämmentävä. Jos olet rakentanut HTML-asiakirjoja ennen HTML5: tä, on todennäköistä, että käytät jo elementtiä rakenteellisten osioiden luomiseen sivuillesi ja sitten tyylität sivut niiden kanssa. Joten saattaa tuntua luonnolliselta yksinkertaisesti korvata nykyinen DIV elementtejä -osiossa elementtejä. Mutta tämä on teknisesti virheellistä.
Elementti on semanttinen elementti
OSA elementti on a semanttinen elementti; se antaa merkityksen sekä käyttäjäagenteille että ihmisille siitä, mikä suljettu sisältö on - erityisesti osa dokumentista.
Tämä saattaa tuntua hyvin yleiseltä kuvaukselta, ja se johtuu siitä. On muitakin HTML5-elementit jotka tarjoavat sisällöllesi enemmän semanttisia eroja, joita sinun tulisi käyttää ensin ennen -osiossa elementti:
- Artikla
- Sivuun
- Nav
Milloin 'Elementti' -osaa käytetään
Käytä artikla elementti, kun sisältö on itsenäinen osa sivustoa, joka voi toimia itsenäisesti ja olla syndikoitu kuin artikkeli tai blogiviesti. Käytä
syrjään elementti, kun sisältö liittyy tangentiaalisesti joko sivun sisältöön tai itse sivustoon, kuten sivupalkit, merkinnät, alaviitteet tai niihin liittyvät sivustotiedot. Käytä nav elementti sisällölle, joka tukee sivuston navigointia.-osiossa elementti on yleinen semanttinen elementti. Käytä sitä, kun mikään muu semanttinen säiliöelementti ei ole sopiva. Se yhdistää asiakirjan osat erillisiksi yksiköiksi, joiden voit kuvata liittyviksi jollakin tavalla. Jos et voi kuvata osan elementtejä yhdellä tai kahdella lauseella, sinun ei todennäköisesti pitäisi käyttää elementtiä.
Sen sijaan sinun tulisi käyttää DIV elementti. DIV HTML5-elementti on ei-semanttinen säilöelementti. Jos sisällöllä, jota yrität yhdistää, ei ole semanttista merkitystä, mutta sinun on silti yhdistettävä se muotoiluun, niin DIV elementti on sopiva elementti käytettäväksi.
Kuinka '' Elementti '' toimii
Osa asiakirjastasi voi näkyä artikkeleiden ja syrjään elementtejä. Se voi myös sisältää sisältöä, joka ei ole osa artikla tai syrjään. A -osiossa -elementti löytyy myös artikla, navtai syrjään. Voit jopa sijoittaa osioita osoittamaan, että yksi sisältöryhmä on toisen sisältöryhmän osa, joka on artikkelin tai koko sivun osa.
-osiossa elementti luo kohteita asiakirjan ääriviivojen sisään. Ja sellaisenaan sinulla tulisi aina olla otsikkoelementti (H1 kautta H6) osana jaksoa. Jos et pysty keksimään osion otsikkoa, DIV elementti on todennäköisesti sopivampi.
Jos et halua osion otsikon näkyvän sivulla, voit aina peittää sen CSS: llä.
Milloin ei tule käyttää '' Elementti '' -osaa
On yksi tarkoitus, johon sinun ei pitäisi käyttää -osiossa elementti: vain tyyliin.
Toisin sanoen, jos ainoa syy, miksi laitat elementin siihen paikkaan, on kiinnittää CSS-tyyli ominaisuuksia, sinun ei pitäisi käyttää a -osiossa elementti. Löydä semanttinen elementti tai käytä DIV sen sijaan.
Loppujen lopuksi sillä ei ehkä ole väliä
Semanttisen HTML: n kirjoittamisen vaikeus on, että selaimen kannalta semanttinen voi olla sinulle täysin hölynpölyä. Jos sinusta tuntuu, että voit perustella -osiossa -elementti dokumenteissasi, sinun tulisi käyttää sitä. Useimmat käyttäjäagentit eivät välitä ja näyttävät sivun odotetusti tyyliltään a DIV tai a -osiossa.
Suunnittelijoille, jotka haluavat olla semanttisesti oikeita, käytä -osiossa elementti semanttisesti pätevällä tavalla on tärkeä. Suunnittelijoille, jotka haluavat vain sivunsa toimivan, se ei ole niin tärkeää. Semanttisesti pätevän HTML-koodin kirjoittaminen on hyvä käytäntö ja pitää sivut tulevaisuudenkestävämpinä. Mutta lopulta se on sinun tehtäväsi.