Uusi HTML5
OSA elementti voi olla hieman hämmentävä. Jos olet rakentanut HTML-asiakirjoja ennen HTML5: aa, on mahdollista, että käytät jo elementtiä luomaan rakenteellisia jakoja sivuillesi ja muotoile sitten sivuja heidän kanssaan. Joten voi tuntua luonnolliselta yksinkertaiselta korvata nykyiset
DIV elementtejä
OSA elementtejä. Mutta tämä on teknisesti väärä. Joten jos et vain korvaa
DIV elementtejä
OSA elementtejä, miten käytät niitä oikein?
SECTION Element on semanttinen elementti
Ensimmäinen asia on ymmärtää, että
OSA elementti on semanttinen elementti. Tämä tarkoittaa sitä, että se antaa käyttäjälle ja ihmisille merkityksen siitä, mitä suljettu sisältö on - nimenomaan osa asiakirjaa.
Tämä voi tuntua hyvin yleiseseltä semanttiselta kuvaukselta, ja se johtuu siitä. On olemassa muita HTML5-elementtejä, jotka tarjoavat enemmän semanttisia eroja sisältöäsi varten, joita sinun pitäisi käyttää ennen käyttöä
OSA elementti:
-
ARTIKLA
-
TAKAISINSAANTI
-
NAV
Milloin SECTION-elementtiä käytetään
Käytä
ARTIKLA elementti, kun sisältö on itsenäinen osa sivustoa, joka voi olla yksin ja syndikoida artikkelin tai blogikirjoituksen tavoin. Käytä
TAKAISINSAANTI kun sisältö on tangentiaalisesti sidoksissa joko sivun tai sivuston sisältöön, kuten sivupalkkeihin, huomautuksiin, alaviitteisiin tai niihin liittyviin sivustotietoihin. Käytä
NAV elementti navigointiin.
OSA elementti on yleinen semanttinen elementti. Käytät sitä, kun mikään muusta semanttisesta säiliöelementistä ei ole sopiva. Käytät sitä yhdistääkseen asiakirjan osia yhteen erillisinä yksiköinä, joita voit kuvata liittyviksi jollakin tavalla. Jos et voi kuvata elementtejä jaksossa yhdestä tai kahdesta lauseesta, luultavasti ei pitäisi käyttää elementtiä.
Sen sijaan sinun pitäisi käyttää
DIV elementti.
DIV elementti HTML5: ssä on ei-semanttinen konttialus. Jos sisällöllä, jota yrität yhdistää, ei ole semanttista merkitystä, mutta sinun täytyy silti yhdistää se muotoiluun,
DIV elementti on asianmukainen elementti käytettäväksi.
Miten SECTION-elementti toimii
Asiakirjan osa voi näkyä artikkeleiden ja konttien ulommaisena kontinäyttönä
TAKAISINSAANTI elementtejä. Se voi myös sisältää sisältöä, joka ei ole osa sitä
ARTIKLA tai
TAKAISINSAANTI.
OSA elementti löytyy myös sisällä
ARTIKLA,
NAV, tai
TAKAISINSAANTI. Voit jopa peittää osioita, jotka osoittavat, että yksi sisältöryhmä on toisen tietoryhmän osa, joka on artikkelin tai koko sivun osa.
OSA elementti luo asiakirjan ääriviivoja. Ja sellaisena, sinun pitäisi aina olla otsikon elementti (
H1 kautta
H6) osana osiota. Jos et saa otsikon otsikkoa, niin uudelleen
DIV elementti on todennäköisesti sopivampi. Muista, että jos et halua osion otsikon näkyvän sivulla, voit aina peittää sen CSS: llä.
Kun et käytä SECTION-elementtiä
Edellä mainittujen ohjeiden lisäksi ennen kaikkea täsmällisempien semanttisten elementtien käyttöä on olemassa yksi määritelty alue, jota sinun ei pitäisi käyttää
OSA elementti: vain tyyliin.
Toisin sanoen, jos ainoa syy, johon laitat elementtiä tähän paikkaan on kiinnittää CSS-tyyppiset ominaisuudet, sinun ei pitäisi käyttää a
OSA elementti. Etsi semanttinen elementti tai käytä
Viime kädessä se ei voi olla väliä
Semanttisen HTML-koodin kirjoittamisen vaikeus on se, että minulle semanttinen sisältö saattaa olla äärimmäisen hölynpölyä sinulle. Jos sinusta tuntuu, että voit perustella
OSA sinun on käytettävä sitä. Useimmat käyttäjäagentit eivät välitä ja näyttävät sivun, koska saatat odottaa, että tyyli on
DIV tai a
OSA.
Suunnittelijoille, jotka haluavat olla semanttisesti oikeita, käyttämällä
OSA elementti semanttisesti pätevästi on tärkeää. Niille suunnittelijoille, jotka haluavat vain sivujensa toimivuuden, tämä ei ole yhtä tärkeää. Uskomme, että puolueettoman kelvollisen HTML-kirjoitus on hyvä käytäntö ja pitää sivut entistä paremmin tulevaisuudessa. Mutta lopulta se riippuu sinulle.
