Home » Articole » Articole » Calculatoare » Dezvoltarea web » Caracteristicile HTML5

Caracteristicile HTML5

HTML5-APIs-and-related-technologies-by-Sergey-Mavrody

Marcarea

HTML5 introduce elemente şi atribute care reflectă utilizarea tipică pe site-urile web moderne. Unele dintre ele sunt înlocuiri semantice pentru utilizări comune ale elementelor de bloc generic (<div>) și inline (<span>), de exemplu <nav> (bloc de navigare site), <footer> (de obicei referindu-se la partea de jos a paginii web sau la ultimele linii de cod HTML), sau <audio> și <video> în loc de <object>. Unele elemente depreciate din HTML 4.01 au fost retrase, inclusiv elemente pur formale, cum ar fi <font> și <center>, ale căror efecte au fost de mult timp înlocuite cu mai capabilul Cascading Style Sheets. Există, de asemenea, un accent reînnoit pe importanța de scripting DOM (de exemplu, JavaScript) în comportamentul Web.

Sintaxa HTML5 nu se mai bazează pe SGML în ciuda similitudinii marcării sale. Aceasta a fost, totuși, proiectată pentru a fi compatibilă cu parsinguş comun din versiunile mai vechi de HTML. Aceasta este dotată cu o noua linie introductivă care arată ca o declarație de tip de document SGML, <!DOCTYPE html>, care declanșează modul de redare care respectă standardele. Din 5 ianuarie 2009, HTML5 include, de asemenea, Web Forms 2.0, o specificație WHATWG separat anterior.

Noi API-uri

În plus faţă de specificarea marcării, HTML5 specifică şi scripting interfețe de programare a aplicațiilor (API-uri), care pot fi utilizate cu JavaScript. Intergeţele existente ale modelului de obiecte document (DOM) sunt extinse și caracteristici de facto documentate. Există, de asemenea, noi API-uri, cum ar fi:

API-uri legate de HTML5:

  • Elementul canvas pentru modul direct de proiectare 2D. Vezi specificaţia Canvas 2D API Specification 1.0.
  • Redare media cronometrată
  • Aplicaţii web offline
  • Editarea de documente
  • Drag-and-drop
  • Mesagerie cross-document
  • Managementul istoriei pentru browser
  • Înregistrare manipulant de protocol şi tip MIME
  • Microdate
  • Stocare web, un cadru de stocare pereche de chei-valoare care oferă un comportament similar cu cookie-uri, dar cu o capacitate de stocare mai mare și API mai bună.

Nu toate tehnologiile de mai sus sunt incluse în specificația W3C HTML5, deși ele sunt în specificația HTML WHATWG. Unele tehnologii conexe, care nu fac parte nici din HTML5 W3C nici din specificaţia WHATWG HTML, sunt după cum urmează. W3C publică specificaţii pentru acestea separat:

  • Geolocation
  • Web SQL Database, o baza de date SQL localp (nu mai este menținută).
  • Indexed Database API, o stocare de cheu-valori indexate ierarhic (fosta WebSimpleDB).
  • HTML5 API File,  se ocupă de încărcarea fișierelor și manipularea lor.
  • Directories and System, un API destinat să satisfacă cazuri de utilizare stocare pe parte de client care nu sunt bine deservite de bazele de date.
  • File Writer, un API pentru scrierea de fișiere din aplicații web.
  • Web Audio API, un API JavaScript de înalt nivel pentru prelucrarea și sintetizarea sunetelor în aplicațiile web.
  • ClassList API

HTML5 nu poate oferi animație în pagini web. Este necesară o funcționalitate suplimentară JavaScript sau CSS3 pentru animarea elementelor HTML. Animația este, de asemenea, posibilă cu ajutorul JavaScript și HTML 4, și în elemente SVG prin SMIL, deși suportul browser pentru cel din urmă rămâne nesigură începând din 2011.

XHTML5 (HTML5 serializat XML)

Documentele XML trebuie să fie servite cu un tip media Internet XML (adesea numit „tip MIME”), cum ar fi application/xhtml+xml sau application/xml, și trebuie să se conformeze sintaxei stricte, bine formate XML. XHTML5 sunt pur și simplu date HTML5 serializate XML (de exemplu, nu au nicio etichetă nefinalizată), trimise cu unul din tipurile media XML. HTML care a fost scris pentru a se conforma ambelor specificaţii HTML și XHTML – și, prin urmare, va produce aceeaţi ierarhie DOM indiferent dacă au fost analizat ca HTML sau XML – este numit „marcare poliglotă”.

Manipularea erorilor

HTML5 este conceput astfel încât browserele vechi pot ignora noile construcții HTML5. Spre deosebire de HTML 4.01, specificaţia HTML5 oferă norme detaliate de lexing și parsare, cu scopul ca diferite browsere conforme să producp același rezultat în cazul unei sintaxe incorecte. Deși HTML5 definește acum un comportament consistent pentru documente „supă de etichete”, aceste documente nu sunt considerate ca fiind conforme cu standardul HTML5.

Popularitate

Potrivit unui raport publicat la 30 septembrie 2011, 34 de primele 100 de site-uri web din lume, foloseau HTML5 – adoptare condusă de motoarele de căutare și rețelele sociale. Un alt raport publicat în august 2013 a arătat că 153 companii americane din topul Fortune 500 deja puseseră în aplicare HTML5 pe site-urile lor corporative.

Din 2013, HTML 5 este cel puțin parțial susținut de către motoarele de layout cele mai populare.

Diferențe între HTML 4.01 și XHTML 1.x

Ceea ce urmează este o listă sumară a diferențelor și câteva exemple concrete.

  • Noi reguli de parsare: orientate spre parsare flexibilă și compatibilitate; nu se bazează pe SGML
  • Abilitatea de a utiliza SVG inline și MathML în text/html
  • Elemente noi: article, aside, audio, bdi, canvas, command, data, datalist, details, embed, figcaption, figure, footer, header, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, summary, time, track, video, wbr
  • Noi tipuri de controale de formular: dates and times, email, url, search, number, range, tel, color
  • Noi atribute: charset (pe meta), async (pe script)
  • Atribute globale (care pot fi aplicate pentru fiecare element): id, tabindex, hidden, data-* (atribute de date personalizate)
  • Elementele depășite vor fi eliminate cu totul: acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, strike, tt

dev.w3.org oferă ultimul proiect de editor pentru „diferențe între HTML5 şi HTML 4”, care oferă o prezentare completă a adaosurilor, mutărilor și schimbărilor între HTML5 și HTML 4.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *