HTML5 și o prezentare generală a noilor capabilități de programare web. Ce este nou în HTML5? Inovații HTML5

HTML5 este cea mai recentă și cea mai bună versiune a celui mai răspândit limbaj de marcare pe internet. Există câteva schimbări majore în cea mai recentă versiune a limbii și, dacă nu le folosiți, pierdeți o funcționalitate foarte grozavă.

Nu voi trece peste fiecare element nou din HTML 5, dar aceste nouă sunt unele dintre cele mai importante.

Introducere în elementele semantice

La fel ca majoritatea web-ului, HTML5 a trecut la semantică. Acum, etichetele care au fost folosite odată pur și simplu pentru formatare sunt folosite și pentru a spune browserului și motoarelor de căutare ce înconjoară.

De exemplu,

Pur și simplu spune browserului ce conține paragraful.

, despre care vom discuta mai jos, îi spune browserului că conține conținutul principal al paginii.

Web-ul semantic este încă în evoluție și abia am început să zgârie suprafața a ceea ce poate face. HTML5 ajută la introducerea markupului semantic într-o parte mult mai mare a Internetului, iar acest lucru ar putea fi util pentru viitorul procesării semantice.

1.
(Articol)

Etichetă

definește „conținut independent, de sine stătător”. Cel mai simplu exemplu este, desigur, un articol. În acest articol, deschidem eticheta înainte de introducere și o închidem după finalizare.

Tot textul din secțiunea offline.

Dar există și alte moduri de a-l folosi. De exemplu, multe bloguri culinare includ povești personale despre cum a apărut o rețetă sau de ce este importantă pentru scriitor. Apoi vine rețeta. Puteți argumenta că fiecare dintre aceste elemente poate sta singur.

Pe un forum, fiecare postare sau thread poate fi considerată autonomă, iar fiecare dintre ele poate fi etichetat cu propria etichetă

. În cea mai mare parte, va fi folosit în conținutul principal al paginii. Dar rețineți că îl puteți folosi mai creativ.

2.
(Capitol)

strâns legat de
. Acesta definește „o grupare tematică de conținut, de obicei cu un titlu. Prin urmare,
va fi înăuntru
... Dreapta?

Nu este necesar. W3 subliniază că acest lucru depinde de structura site-ului dvs. Puteți avea conținut autonom în diferite secțiuni ale paginii dvs. (de exemplu, prima pagină a unui site de știri). Apoi, puteți avea secțiuni în acest articol.

De ce ai nevoie de un DAC

Totul sună mai bine.

Cum se configurează un DAC

Iată ce trebuie să faci. . .

Puteți chiar să aveți secțiuni în cadrul secțiunilor dacă se potrivesc paginii dvs. Amintiți-vă că o secțiune este pur și simplu o „grupare tematică de conținut” și veți găsi multe locuri pentru a o folosi.

3.
(Titlu)

Acest element „ar trebui folosit ca un container pentru conținut introductiv. Pe scurt, este partea din pagina dvs. care îi ajută pe oameni să înțeleagă ce urmează să citească.

Dar nu vă lăsați păcăliți - puteți folosi acest recipient de mai multe ori. De exemplu, îl puteți folosi pentru a defini titlul paginii și paragraful introductiv al articolului dvs. de blog. Dar îl puteți folosi și pentru a marca conținutul introductiv pentru fiecare secțiune.

Secțiunile conțin de obicei cel puțin o etichetă de antet - H1, H2 etc. Acest lucru nu este necesar, dar dacă utilizați un

Nu va fi mai rău.

4.
(Subsol)

W3 spune că etichetele de subsol conțin de obicei „autorul documentului, informații despre drepturile de autor, link-uri către termenii de utilizare, informații de contact etc.” Puteți să vă gândiți la el ca la un material „casă”.

Documentația precizează, de asemenea, că puteți avea mai mult de un subsol pe pagina dvs. Dar, după părerea mea, este mai bine să păstrezi toate aceste informații într-un singur loc.

5.

Este o etichetă foarte simplă - asta-i tot. Folosiți-l pentru a defini secțiunea de navigare și nu o mai utilizați pe pagina dvs.

6.

Unul dintre cele mai interesante elemente noi din HTML5 este deoparte. W3 îi oferă definiția oarecum neutilă a „un conținut, altul decât conținutul în care este plasat”.

Pe scurt, deoparte este orice este legat de (dar separat de) informațiile din jur. Aceasta ar putea fi o bară laterală care adaugă detalii conținutului dvs. Când este folosit într-o etichetă

, oferă informații suplimentare care nu sunt necesare pentru înțelegerea conținutului principal.

De exemplu, dacă aș include o bară laterală în acest articol care oferă informații despre istoria HTML5, ar fi „Informații suplimentare”.

Dar eticheta