Elemente semantice în HTML5. Elementul HTML5 section. Elementul HTML5 article. Integrarea article în section sau Vice Versa
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Elementul <section> definește o secțiune dintr-un document.
Conform documentației HTML5 a W3C: „O secțiune este o grupare tematică de conținut, de obicei cu o rubrică (heading).
În mod normal, o pagină de pornire poate fi împărțită în secțiuni pentru introducere, conținut și informații de contact.
Exemplu:
<section>
<h1>WWF</h1>
<p>Fondul mondial pentru natură (WWF) este ....</p>
</section>
Elementul HTML5 <article>
Elementul <article> specifică independent, conținut de sine stătător.
Un articol ar trebui să aibă un singur sens și ar trebui să fie posibil să-l citiți independent de restul site-ului web.
Exemple de unde poate fi utilizat un element <article>:
- Postare pe forum
- Postare pe blog
- Articol de ziar
<article>
<h1>Ce face WWF?</h1>
<p>Misiunea WWF este de a opri degradarea mediului natural al planetei noastre,
și să construim un viitor în care oamenii trăiesc în armonie cu natura.</p>
</article>
Integrarea <article> în <section> sau Vice Versa?
Elementul <article> specifică independent, conținut de sine stătător.
Elementul <section> definește secțiunea dintr-un document.
Putem folosi definițiile pentru a decide cum se integrează acele elemente? Nu, nu putem!
Așadar, pe internet, veți găsi pagini HTML cu elemente <secțiune> care conțin elemente <article> și elemente <article> care conțin elemente <secțiune>.
Veți găsi, de asemenea, pagini cu elemente <secțiune> care conțin elemente <secțiune> și elemente <article> care conțin elemente <article>.
Exemplu pentru un ziar: Sportul <article> din secțiunea sport, poate avea o secțiune tehnică în fiecare <article>.