Programare

Ce este nou în HTML5? 9 elemente ce trebuie să știți

Ce este nou în HTML5? 9 elemente ce trebuie să știți / Programare

HTML5 este cea mai recentă și cea mai bună Ce este HTML5 și cum se schimbă modul în care navighez? [Explicarea MakeUseOf] Ce este HTML5, și cum se schimbă modul în care navighez? [Explicarea MakeUseOf] În ultimii ani, este posibil să fi auzit din când în când termenul HTML5. Indiferent dacă știți ceva despre dezvoltarea web sau nu, conceptul poate fi oarecum nebulos și confuz. Evident, ... Citiți mai multe versiuni ale celei mai utilizate limbi de markup pe web. Există unele schimbări mari față de ultima versiune a limbii și dacă nu le folosiți, vă lipsesc unele funcții foarte interesante.

Nu avem spațiu pentru a acoperi fiecare element nou din cea de-a cincea versiune HTML, dar aceste nouă sunt unele dintre cele mai importante. Pentru mai multe informații despre noile elemente și API-uri în HTML5, asigurați-vă că ați verificat W3Schools.

O introducere în elementele semantice

Ca o mare parte din internet, HTML5 sa mutat pentru a se concentra pe semantică. Acum, în loc de etichete pur și simplu folosite pentru formatare, ele sunt, de asemenea, utilizate pentru a spune browsere și motoarele de căutare Top 7 motoarele de căutare semantice ca o alternativă la Google Top 7 motoarele de căutare semantice,.

De exemplu,

spune pur și simplu unui browser că conține un paragraf.

, pe care o vom discuta momentan, îi spune unui browser că conține conținutul principal al paginii.

Webul semantic este încă în curs de dezvoltare, iar noi am început doar să zgâriem suprafața a ceea ce poate face. HTML5 contribuie la aducerea marcajului semantic Semnificația semanticului este și cum se va schimba Internetul pentru totdeauna Tehnologia explicată Semnificația marcajului semantic și cum se va schimba Internetul pentru totdeauna Tehnologia explicată Citiți mai multe pentru o porțiune mult mai mare a internetului, și care nu pot fi decât bune pentru viitorul prelucrării semantice.

1.

tag definește “conținut autonom, autonom.” Cel mai simplu exemplu este, desigur, un articol. Pentru acest articol special, vom deschide eticheta înainte de introducere și o vom închide după încheiere.

 Tot textul din secțiunea ta autonomă.

Dar există și alte modalități prin care puteți să-l utilizați. De exemplu, multe bloguri de gătit includ povesti personale despre cum a apărut o rețetă sau de ce este important pentru scriitor. Apoi este urmată de rețeta în sine. Puteai face argumentul că fiecare dintre aceste elemente ar putea să stea singuri.

În cadrul unui forum, fiecare post sau fir ar putea fi considerat autonom, fiecare putând fi marcat cu propriile sale

etichetă. În cea mai mare parte, acesta va fi utilizat pe conținutul principal al unei pagini. Dar țineți minte că o puteți folosi și mai creativ.

2.

Strâns legată de

este
. Aceasta definește a “gruparea tematică a conținutului, de obicei cu o rubrică.” Asa de
va fi înăuntru
… dreapta?

Nu neaparat. W3 arată că depinde de structura site-ului dvs. S-ar putea să aveți conținut autonom în diferite secțiuni ale paginii dvs. (gândiți-vă de prima pagină a unui site de știri, de exemplu). S-ar putea să aveți apoi secțiuni în acest articol.

 
 
De ce aveți nevoie de un DAC
 
Totul suna mai bine.
 
 
 
Cum se configurează un DAC
 
Iată ce trebuie să faceți ...

Poți chiar să ai secțiuni în secțiuni dacă se potrivește cu pagina ta. Amintiți-vă că o secțiune este pur și simplu a “gruparea tematică a conținutului,” și veți găsi o mulțime de locuri pentru ao folosi.

3.

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

Dar nu te lăsa păcălit - poți folosi acest recipient de mai multe ori. De exemplu, ați putea să o utilizați pentru a identifica titlul paginii și paragraful introductiv al postării pe blog. Dar, de asemenea, l-ați putea folosi pentru a marca conținutul introductiv pentru fiecare secțiune, de asemenea.

 
 
Tot ce trebuie să știți despre DAC
 
Iată o prezentare utilă pentru DAC-uri ... 
 
 Restul articolului dvs. merge aici.

Anteturile de antet conțin, de obicei, cel puțin o etichetă de poziție - H1, H2 și așa mai departe. Nu este necesar, dar, în general, dacă utilizați o etichetă de rubrică, există un bun pariu că includeți conținutul antetului.

4.

W3 afirmă că etichetele subsolului conțin de obicei “autorul documentului, informații privind drepturile de autor, linkuri către termenii de utilizare, informații de contact etc..” Vă puteți gândi la asta ca la “menaj” chestie.

De asemenea, în documentație se afirmă că aveți mai multe secțiuni din subsol în pagină. Este probabil o idee bună însă să păstrați toate aceste informații într-o singură locație.

5.

Această etichetă conține legăturile de navigare pentru o anumită pagină. Rețineți că numai această secțiune de navigare primește această etichetă, nu toate link-urile de pe pagină. Este pentru barele de navigare și instrumente similare.

Aceasta este o etichetă foarte simplă - asta e tot ce există. Utilizați-l pentru a defini secțiunea de navigare și nu o utilizați din nou pe pagina dvs..

6.

Unul dintre cele mai interesante elemente noi din HTML5 este deoparte. W3 îi oferă o definiție oarecum nefolositoare “unele conținuturi în afară de conținutul în care sunt plasate.”

Pe scurt, o parte este tot ceea ce este legat de (dar separat de) informațiile din jur. Ar putea fi o bară laterală care adaugă detalii la conținutul dvs. Când este folosit într-un set de

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

De exemplu, dacă am include o bara laterală în acest articol, oferind informații despre istoricul HTML5, ar fi o excepție.

Cu exceptia