Folosirea elementelor noi ne oferă câteva avantaje. Când le folosim în combinație cu elemente de antet, ..., acest lucru ne permite să folosim mai mult de cele șase nivele de titluri prezente în versiunile anterioare de HTML pentru a marca secțiunile imbricate ale unui document. Noua specificație oferă îndrumări detaliate cu privire la formarea unei arhitecturi de document, care este reprezentată de o structură formată din noi elemente secționale și menține în același timp compatibilitatea cu versiunile anterioare.
Acest ghid este folosit de dezvoltatori în timp ce lucrează și de browsere atunci când generează conținut de document pentru a ajuta la navigarea într-o pagină web.
De exemplu, următorul marcaj folosește secțiuni imbricate și titluri de prim nivel:
Nivelul 1
Nivelul 2
Nivelul 3
Pentru a asigura compatibilitatea cu versiunile curente browsere, puteți aplica și anteturi de alte niveluri... înlocuind anteturile cu acestea în locurile corespunzătoare.
Prin definirea secțiunilor unei pagini web în funcție de scopul lor folosind elemente speciale de secțiune, contribuim la funcţionare corectă Accesați tehnologii care facilitează navigarea unui utilizator într-o pagină. In unele situatii programe specializate se poate trece cu ușurință de la un articol la altul, ocolind în același timp secțiuni ale documentului care îndeplinesc alte funcții (navigație, bară laterală etc.), iar dezvoltatorii nu trebuie să creeze link-uri speciale de tranziție pentru aceasta.
Un alt avantaj al folosirii elementelor noi pentru dezvoltatori este capacitatea de a înlocui multe div-uri cu unul dintre elementele noi care are un scop corespunzător, ceea ce face codul mai curat și mai lizibil.
Elementul este destinat să reprezinte titlul unei anumite secțiuni a documentului. De fapt, pe lângă titlu, poate conține și alte tipuri de informații. De exemplu, ar fi destul de rezonabil să plasați subtitluri, informații despre autor și/sau informații despre versiunile documentului, modificările acestuia etc. între etichetele sale:
O previzualizare a HTML 5
Elementul reprezintă subsolul secțiunii de document căreia îi aparține. De regulă, conține informații despre autor despre conținutul secțiunii, link-uri către postări tematice etc.:
2007 Exemplu Inc.
Elementul este destinat să conțină legături de navigare. Este la fel de potrivit pentru navigarea pe site și pentru postarea conținutului documentului:
Elementul servește la prezentarea informațiilor care, într-o măsură sau alta, corespund subiectului conținutului înconjurător. Acest element este foarte convenabil pentru implementarea barelor laterale (coloane laterale):
Arhive
Un element reprezintă o secțiune generală a unui document sau a unei aplicații, cum ar fi un capitol, de exemplu:
Capitolul 1: Perioada
A fost cel mai bun timp, a fost cel mai rău,
a fost epoca înțelepciunii, a fost epoca prostiei,
a fost epoca credinței, a fost epoca neîncrederii,
era anotimpul Luminii, era anotimpul Întunericului,
…
(Fragment din „A Tale of Two Cities”)
Un element este o secțiune independentă a unui document, pagină sau site în ansamblu. Este convenabil de utilizat pentru postarea de conținut, cum ar fi știri, postări pe blog, postări pe forum sau comentarii individuale:
Comentariul #2
de Jack O'Niell
29 august 2007 la 13:58
Este un alt articol grozav!
Video și audio.
În mediul Web, tipuri de date precum video și audio au devenit recent din ce în ce mai relevante. Și multe site-uri precum YouTube, Viddler, Revver și MySpace fac posibil ca orice utilizator de internet să posteze cu ușurință informații video și audio online. Datorită faptului că pe acest moment standardul HTML nu are mijloacele necesare includerea și gestionarea conținutului media, atunci majoritatea site-urilor de astăzi folosesc tehnologia Flash pentru a oferi funcționalitatea necesară. În plus, este posibil să activați multimedia prin pluginuri (cum ar fi QuickTime, Windows Media și altele). Dar totuși, tehnologia Flash este cea mai utilizată și este o soluție cross-browser care oferă API-ul necesar dezvoltatorilor.
Judecând după modul în care sunt prezentate diferite playere media bazate pe Flash, este sigur să spunem că dezvoltatorii sunt interesați să își poată crea propriul tip de interfață de utilizator care să permită controlul complet asupra redării unui fișier media - controlul volumului, oprirea, întrerupeți, căutați și redați. Dar scopul principal în acest moment este suportul nativ pentru o astfel de funcționalitate în browsere fără pluginuri, ceea ce vă va permite să includeți componente video și audio cu API-ul necesar pentru a controla redarea din scripturi.
Iar elementele nou prezentate fac această sarcină mult mai ușoară. Cele mai multe dintre capabilitățile API disponibile sunt comune ambelor elemente, cu diferențe minore unice pentru informațiile vizuale și non-vizuale.
Atât motoarele Opera, cât și WebKit au implementat deja suport parțial pentru element. Pentru a vedea singur, puteți descărca și încerca versiunea experimentală a Opera și versiunea de testare automată a WebKit. Opera introduce suport pentru codecul Ogg Theora, iar WebKit oferă suport pentru toate formatele acceptate în QuickTime, inclusiv o serie de codecuri terțe.
Cel mai simplu mod de a include videoclipuri într-un document este să folosești un element fără niciun element setari aditionale. În acest caz, browserul va furniza elemente implicite de interfață cu utilizatorul. Pentru a activa sau dezactiva controalele conținutului media în mod implicit, atributul Boolean controls este utilizat cu următoarele valori:
Atributul opțional poster este folosit pentru a defini o imagine care va fi afișată în locul elementului video înainte de a începe redarea. Și, deși unele formate video oferă propriul ecran de splash, unic pentru ele, așa cum se întâmplă în MPEG-4, atributul poster este cale alternativă definirea unui ecran de splash care va fi afișat indiferent de formatul video utilizat.
Situația este simplă și cu includerea conținutului audio pe pagină folosind elementul. Majoritatea atributelor care sunt specifice unui element sunt aplicate și elementului, deși acesta din urmă nu prevede setarea lățimii, înălțimii sau posterului.
Standardul HTML5 introduce și un element pentru a indica surse alternative de date video și audio, care permite browserului să selecteze formatul acceptat de dispozitiv și/sau codec. Atributul media poate fi utilizat pentru a indica tipul dispozitivului, pentru a selecta sursa de date necesară în conformitate cu limitările dispozitivului utilizat, iar atributul tip pentru a specifica tipul de date și codecurile. Rețineți că atunci când utilizați un element, părintele sau elementele acestuia nu trebuie să aibă atributul src, altfel sursele alternative de date vor fi ignorate de browser.
În cazurile în care concentrarea unei resurse web necesită ca dezvoltatorul să creeze control total de mai sus interfața cu utilizatorul, apoi în aceste scopuri poate folosi capabilități API avansate, care oferă o serie de metode și evenimente prin care procesul de redare a unui fișier media poate fi controlat din scripturi. Cei mai simpli reprezentanți ai unor astfel de capabilități sunt metodele play() și pause(), precum și proprietatea currentTime, concepute pentru a seta poziția curentă de redare a unui fișier media la început sau în altă locație dorită. Mai jos este un exemplu de utilizare a acestora:
var video = document.getElementById("video");
Joaca
Pauză
