HTML 5 este noua versiune de HTML (Hypertext Markup Language), principalul limbaj de marcare (markup language) . WHATWG (Web Hypertext Application Technology Working Group) a inceput sa lucreze la el inca din iunie 2004 sub numele de Web Aplication 1.0, iar acum, in noiembrie 2009, specificatiile sale sunt in ultimul stadiu.
HTML 5 a aparut pentru a inlocui HTML 4 si a ajuns sa aiba deja suport in cele mai populare browsere Web din ziua de azi (Google Chrome, Mozilla Firefox 3.5, Opera, Safari). Cea mai buna metoda de a ajuta la intelegerea HTML 5 este folosirea noilor elemente disponibile. Sunt multi web designeri care nu scriu tot codul HTML de mana, ci folosind programe WYSIWYG (What-You-See-Is-What-You-Get). Aceste programe insa nu au suport pentru toate elementele noi din HTML 5, asa ca la inceput este indicat sa se scrie de mana codul, macar pana la familiarizarea cu elementele noi.
Pentru cei nefamiliarizati cu HTML 5, poate aparea o confuzie in legatura cu relatia dintre HTML 5, XHTML 1.0 sau 1.1 si XHTML 5. Predecesorul lui HTML 5, HTML 4, este bazat pe reguli numite SGML (Standard Generalized Markup Language). In aceste reguli, numele elementelor sunt case-insensitive, pot exista atribute ale unor elemente fara ghilimele si pot exista de asemenea elemente cu taguri de inchidere optionale. XHTML 1.0 si 1.1 este bazat pe regulile XML (eXtensible Markup Language), unde numele elementelor si atributelor sunt case-sensitive, iar tagurile deschise trebuie neaparat inchise (si, de asemenea, numele atributelor sunt neaparat intre ghilimele). HTML 5, pe de alta parte, nu se bazeaza pe niciuna din cele doua reguli, ci poate fi scris ori in format HTML, ori in format XHTML, urmandu-se regulile fiecarui format folosit.
Pentru a valida un document HTML 5 sau pentru a informa browserul ca respectivul document a fost scris in HTML 5, tot ce trebuie facut este sa se foloseasca <!DOCTYPE html> (o mare diferenta fata de HTML 4).
Cele mai importante elemente noi la HTML 5 sunt, din punctul nostru de vedere:
- <canvas>, <audio> si <video> – permit folosirea unui API puternic pentru a crea aplicatii user-friendly; in acest mod, programatorii pot alege sa nu foloseasca Flash in realizarea animatiilor; despre aceste trei elemente vom vorbi ceva mai in detaliu in posturi ulterioare (va fi un post despre <audio> si <video> si unul despre <canvas>).
- <header> si <footer> – sunt elemente structurale; desi in ultimii ani, focusul pe HTML a fost mai mult pe semantica, limbajul ofera mult mai mult decat atat si, de aceea, aceste doua elemente structurale ajuta la crearea unui document mult mai corect din punct de vedere structural, dand indicii despre cum parti ale continutului relationeaza cu alte parti (<header> reprezinta headerul selectiei; el poate contine heading-ul documentului sau tot ce tine de brand si poate contine de asemenea si subheading-uri; <footer> este partea de subsol nu numai a intregului document, ci si a fiecarei sectiuni.); ele vin in ajutorul lui <div> si <span> (mai multe informatii despre aceste doua elemente gasiti aici).
- <nav> – reprezinta sectiunea de linkuri pentru navigare, precum si un cuprins pentru site.
- <section> – reprezinta o sectiune generica a unui document (de exemplu un capitol).
- <article> – reprezinta o parte a unei pagini care poate fi de sine statatoare (cum ar fi un post al unui blog).
- <aside> – este elementul care de obicei semnalizeaza prezenta sidebar-urilor, util pentru reclame sau alte elemente.
De asemenea, s-a renuntat la unele elemente care existau in HTML 4.1, cum ar fi <font>, <center> sau <big> (efectele lor fiind acum realizate mult mai usor cu ajutorul CSS), dar si <frame> sau <frameset>.
Leave a Comment
No comments yet.
Comments RSS TrackBack Identifier URI
Blogul nostru
