Elemente semantice în HTML5. De ce Elemente Semantice?
Partajeaza in Google Classroom
Partajeaza cu Google Classroom
Susține Lectii-Virtuale!
Memorator: Descriere video Descarcă PDF
De ce Elemente Semantice?
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.
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 |
Navigare în lectii
Cumpara abonament
Ajutor
Feedback-ul d-voastră este important pentru noi. Dacă observați vreo neregulă vă rugăm să ne-o semnalați apăsând butonul Trimite Feedback de mai jos.
