El nou HTML5
SECCIÓ L'element pot ser una mica confús. Si heu estat creant documents HTML abans d'HTML5, és probable que ja feu servir l'element per crear divisions estructurals dins de les vostres pàgines i, a continuació, feu un estil amb les pàgines. Per tant, pot semblar una cosa natural simplement reemplaçar el vostre existent
DIV elements amb
SECCIÓ elements. Però això és tècnicament incorrecte. Així que si no només reemplaça
DIV elements amb
SECCIÓ elements, com els utilitzeu correctament?
L'element SECTION és un element semàntic
El primer que cal entendre és que el
SECCIÓ L'element és un element semàntic. Això vol dir que proporciona significat tant als agents d'usuari com als humans sobre el contingut tancat que hi ha, específicament una secció del document.
Això pot semblar una descripció semàntica molt general, i és perquè és. Hi ha altres elements HTML5 que proporcionen més distincions semàntiques al vostre contingut que primer heu d'utilitzar abans d'utilitzar-lo
SECCIÓ element:
-
ARTICLE
-
ASIDE
-
NAV
Quan s'utilitza l'element SECCIÓ
Utilitzar el
ARTICLE element quan el contingut és una part independent del lloc que pot ser independent i sindicat com un article o una publicació de bloc. Utilitzar el
ASIDE element quan el contingut està relacionat tangencialment amb el contingut de la pàgina o el propi lloc, com ara barres laterals, anotacions, notes a peu de pàgina o la informació del lloc associada. Utilitzar el
NAV element per al contingut que és la navegació.
El
SECCIÓ L'element és un element semàntic genèric. L'utilitza quan cap dels altres elements contenidors semàntics és apropiat. L'utilitzeu per combinar parts del vostre document junts en unitats discretes que podeu descriure d'alguna manera relacionades. Si no podeu descriure els elements de la secció en una o dues frases, probablement no hauríeu d'utilitzar l'element.
En el seu lloc, heu d'utilitzar el
DIV element. El
DIV L'element HTML5 és un element contenidor no semàntic. Si el contingut que intenteu combinar no té un significat semàntic, però encara heu de combinar-lo per definir l'estil,
DIV element és l'element adequat a utilitzar.
Com funciona l'element SECCIÓ
Una secció del document pot aparèixer com a contenidor exterior per als articles i
ASIDE elements. També pot contenir contingut que no forma part d'un
ARTICLE o
ASIDE. A
SECCIÓ L'element també es pot trobar dins d'un
ARTICLE,
NAV, o
ASIDE. Fins i tot podeu nidar seccions per indicar que un grup de contingut és una secció d'un altre grup de contingut que és una secció d'un article o de la pàgina en general.
El
SECCIÓ element crea elements dins d'un contorn del document. I, com a tal, sempre ha de tenir un element de capçalera (
H1 a través
H6) com a part de la secció. Si no podeu obtenir un títol per a la secció, torneu a fer-ho
DIV És probable que l'element sigui més apropiat. Recordeu, si no voleu que el títol de la secció aparegui a la pàgina, sempre podeu emmascarar-lo amb CSS.
Quan no s'utilitzi l'element SECCIÓ
Més enllà dels consells anteriors per utilitzar els elements semàntics més específics en primer lloc, hi ha una àrea definitiva que no hauria d'utilitzar
SECCIÓ element: només per a estil.
En altres paraules, si l'única raó per la qual esteu posant un element en aquest lloc és adjuntar propietats d'estil CSS, no heu d'utilitzar un
SECCIÓ element. Cerca un element semàntic o utilitzeu el
En última instància, no pot importar
Una dificultat per escriure l'HTML semàntic és que el que és semàntic pot ser absurd. Si creieu que podeu justificar l'ús de la
SECCIÓ element en els vostres documents, llavors heu d'utilitzar-lo. La majoria dels agents d'usuari no els importen i mostraran la pàgina tal com es pot esperar si l'estil a
DIV o a
SECCIÓ.
Per als dissenyadors que vulguin ser semànticament correctes, utilitzeu el
SECCIÓ L'element de manera semànticament vàlida és important. Per als dissenyadors que només volen que funcionin les seves pàgines, això no és tan important. Creiem que escriure HTML semànticament vàlid és una bona pràctica i manté les pàgines més a prova de futur. Però al final li correspon.
