Elemente semantice în HTML5. De ce Elemente Semantice?
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Cu HTML4, dezvoltatorii au folosit propriile id/class names pentru elemente de stil: antet, sus, jos, subsol, meniu, navigare, principal, container, conținut, articol, bară laterală, topnav etc.( header, top, bottom, footer, menu, navigation, main, container, content, article, sidebar, topnav)
Acest lucru a făcut imposibil ca motoarele de căutare să identifice conținutul corect al paginii web.
Cu noile elemente HTML5 (<header> <footer> <nav> <section> <article>), acest lucru va deveni mai ușor.
Conform W3C, un Web semantic: „Permite partajarea și reutilizarea datelor în aplicații, întreprinderi și comunități”.
Elemente semantice în HTML5
Mai jos este o listă alfabetică a noilor elemente semantice din HTML5.
Etichetă | Descriere |
---|---|
<article> | Definește un articol |
<aside> | Definește conținutul în afara conținutului paginii |
<details> | Definește detalii suplimentare pe care utilizatorul le poate vizualiza sau ascunde |
<figcaption> | Definește o legendă pentru un element figure |
<figure> | Specifică conținut independent, cum ar fi ilustrații, diagrame, fotografii, listări de coduri etc. |
<footer> | Definește un subsol pentru un document sau secțiune |
<header> | Specifică un antet pentru un document sau secțiune |
<main> | Specifică conținutul principal al unui document |
<mark> | Definește text marcat / evidențiat |
<nav> | Definește legăturile de navigare |
<section> | Definește o secțiune dintr-un document |
<summary> | Definește un titlu vizibil pentru un element details |
<time> | Definește data / ora |