HTML 5 afegeix moltes característiques noves a l'especificació HTML, i és fàcil d'implementar. S'utilitza el doctype HTML 5, que és simple i simplificat:
Sí, això és tot. Només dues paraules "doctype" i "html". Pot ser senzill perquè l'HTML 5 ja no forma part de SGML, sinó que és un llenguatge de marques únic.
El conjunt de caràcters per a HTML 5 també està optimitzat. Utilitza UTF-8 i la defineixes amb només una metaetiqueta:
HTML 5 Nova estructura
HTML 5 reconeix que les pàgines web tenen una estructura, igual que els llibres i altres documents XML tenen una estructura. En general, les pàgines web tenen navegació, contingut corporal, contingut de la barra lateral, capçaleres, peus de pàgina i altres funcions. HTML 5 té etiquetes per donar suport a aquests elements de la pàgina. Ells son:
defineix seccions de pàgines.
defineix el encapçalament d'una pàgina.
defineix el peu d'una pàgina.
defineix la navegació en una pàgina.
defineix l'article o el contingut principal d'una pàgina.
defineix contingut addicional com una barra lateral d'una pàgina.
defineix imatges que anoten un article.
HTML 5 Elements en línia nous
Els nous elements en línia defineixen alguns conceptes bàsics i els mantenen marcats semànticament:
indica el contingut que es marca de certa manera.
indica el contingut que és una hora o una data.
indica el contingut que és una fracció d'un rang conegut com l'ús del disc.
indica el progrés d'una tasca a la finalització.
HTML 5 Suport de noves pàgines dinàmiques
HTML 5 s'ha desenvolupat per ajudar els desenvolupadors d'aplicacions web, així que hi ha moltes noves funcions que faciliten la creació de pàgines HTML dinàmiques:
Menús contextuals - HTML 5 admet la creació i l'ús de menús contextuals dins de pàgines web i aplicacions.
href no es requereix en una etiqueta. Això us permet utilitzar una etiqueta amb scripts i en aplicacions web sense necessitat d'un lloc per enviar aquest àncora.
atribut asinc - Això s'afegeix a l'etiqueta del script per indicar-li al navegador que l'script s'ha de carregar de forma asíncrona de manera que no disminueixi la càrrega i la visualització de la resta de la pàgina.
- Això proporciona detalls sobre un element. Això seria com a tooltips en aplicacions no web.
crea una taula que es construeix a partir d'una base de dades o d'una altra font dinàmica.
és una etiqueta vella recuperada i donada una nova vida que us permet crear un sistema de menú a les vostres pàgines web.
defineix les accions que s'han de produir quan s'activa un element dinàmic.
HTML 5 Tipus de formularis nous
HTML 5 admet tots els tipus d'entrada de formulari estàndard, però afegeix alguns més:
data i hora
datetime-local
data
mes
setmana
temps
número
rang
correu electrònic
url
HTML 5 Elements nous
Hi ha alguns elements nous i emocionants en HTML 5:
- Aquest element us proporciona un espai de dibuix a JavaScript a les vostres pàgines web. Podeu afegir imatges o gràfics a tooltips o crear gràfics dinàmics a les vostres pàgines web, construïdes sobre la marxa.
- Afegiu un vídeo a les vostres pàgines web amb aquesta senzilla etiqueta.
- Afegiu so a les vostres pàgines web amb aquesta senzilla etiqueta.
HTML 5 elimina alguns elements
Alguns elements d'HTML 4 ja no són compatibles amb HTML 5. La majoria ja estan obsolets i no ha de sorprendre. Ells son:
