Fattu l'Elementu HTML5 SECTION
Quandu HTML5 palesa nantu à a scena una quantità d'anni fà, aghjunghjia una munzidenza di novi elementi di securità à a langauge, cumpresu l'elementu SECTION. A maiò parte di i novi elementi chì HTML5 pruponenu utilizalli clarificati. Per esempiu, l'elementu hè utilizatu per definisce l'articuli è i partiti principali di una pàgina web, l'elementu hè utilizatu per definisce un cuntenutu relatatu chì ùn hè micca criticu à u restu di a pagina, è a cabeceira, navi è pagine sò spegugliati. L'elementu SECCIU novu aghjustatu, però, hè un pocu menu dispusivo.
Parechje persone crèdenu chì l'elementi HTML di E SECCIU è si veramenti solu i stessi elementi generale di cuntenenu in u cuntenenu utilizate per cuntenenu u cuntenutu in una pàgina web. A realtà, però, hè chì questi duie elementi, mentri sia l'elementu di cuntenente, sò micca qualchì genericu. Ci hè parechje razze per utilizà l'elementu SECCIU è l'element DIV - è questu articulu a spiegà quelli diffirenzi.
Sections and Divs
L'elementu SECCIU hè definitu com'è una sección semantica di una pàgina web o un situ chì ùn hè micca un altru tipu più specificu (cum'è l'articulu o fora). Puderaghju aduprà stu elementu quandu marcate una seccione diferenza di a pagina - una seccione chì puderia sbarcate si sia movitu è utilizatu à altri pezzi o parte di u situ. Hè un pezzu di cuntenutu distinatu, o una "sezione" di u cuntenutu, se vulete.
In contraste, pudete aduprà l'element DIV per parte di a pagina chì vulete dividireghje, perchè per altri fini ca semàntica . Puderaghju abbia un spaziu di cuntenutu in una divisionu se fate cusì puramente per aghju fattu un "ganciu" per utilizà cù CSS. Ùn puderia micca esse una sección diferenza di u cuntenutu basatu à a semantica, ma hè qualcosa ch'e diceraghju per fà alcuni u reggrundiu vogliu per a mo pàgina.
Ci hè quantu à tutta a Semantica
Questa hè un cuncettu dura per capiscenu, ma a sola diferenza tra l'element DIV è l'elementu SECTION hè semantica. In altri dritti, hè u significatu di a seczione di u codice chì site dividendu.
Qualchese cuntenutu chì hè stata cuntenuta in un elementu DIV ùn hà micca alcuni significatu in quantu. Hè megliu utilizatu per cose cum'è:
- Stili CSS è i anziani per i stili CSS
- Contenutu di Layout
- JavaScript hooks
- Divisi per u HTML per fà più faciule in leghje
L'elementu DIV hè stata l'unicu elementu chì avemu avutu per aghjustà l'anziani per stilà i nostri documenti è creà colonnes è disinni di fantasia. A causa di questu, finiscinu cu HTML chì era riddled with DIV elements-ciò chì i web designer dissenu "divitis". Ci hè ancu editori WYSIWYG chì usanu l'elementu DIV solu. Aghju aghjustatu solu à l'HTML chì usa l'elementu DIV invece per paragrafi!
Cù HTML5, pudemu principià aduprà elementi di securità per creà carti semanticamenti deskrittivi (utilizendu per a navigazione è per cipresu deskriptivi è cusì) è definisce ancu l'stili nantu à quelli elementi.
Qual è l'Element Spagnu?
L'altru elementu chì a maiò parte di a persone pensanu chì quandu pensanu di l'elementu DIV hè l'elementu. Questu elementu, cum'è DIV, ùn hè micca un elementu semanticu. Hè un elementu in linea chì pudete aduprà per aghjustà ganzi per stili è scripte attraversu blocchi di cuntenutu (in solitu testu). In quellu sensu hè esattamente cum'è l'element DIV, solu in linea più di un elementu di pezzu . In certi modi, puderia esse faciule più à pensate di u DIV cum'è un elementu SPANALE di bloccu è aduprà da a listessa manera chì voi spanu solu per i blocchi sanu di u cuntenutu HTML.
Ùn ci hè nisun articulu in securizà in elencu comparat in HTML5.
Per i più viechji versioni di Internet Explorer
Ancu s'ellu avete sustiniendu dramàticamente versioni più vechje di IE (cum'è IE 8 è più bassu) chì ùn anu micca ricanusciutu l'HTML5, ùn deveru micca temerà usà e tags semànticamente curretta HTML. A semantica vi aiutavvi è a vostra squadra gestionà a pagina in u futuru (perchè sapete chì questa sezione hè l'articulu si hè circundatu da l'elementu ARTICLE). In più, i navigatori chì ricanuscianu quelli tags a sustene megliu.
Pudete ancu aduprà elementi HTML5 di securizazione semantica cù Internet Explorer, solu hè bisognu di aghjunghje scripting, è possibbilmente uni pochi elementi di DIV vicinu per avè ricunnosce l'tagghi in HTML.
Utilizà i elementi DIV è SECCIU
Sì avete usendu correctamente, pudete utilizà l'elementu DIV è SECCIU elementi in un documentu HTML5 validu. Cumu avete vistu quì nantu à stu articulu, utilizate l'elementu SECCIU per definisce e parte di u cuntenutu semànticu di u cuntenutu, è utilizate l'element DIV cum'è l'anziani per CSS è JavaScript, ancu di definisce a forma chì ùn hà micca un significatu semàntantu.
Articulu originale per Jennifer Krynin. Edited di Jeremy Girard u 3/15/17