Presentació de HTML 5

1. Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware
© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/
Presentació d’HTML 5
HTML 5 és una tecnologia creada per modernitzar la web i el desenvolupament d'aplicacions
web, en línia i fora de línia, que àdhuc té bastant camí per recórrer per ser una realitat.
L'especificació d'HTML 5 està encara en fase d'esborrany a dia d’avui (25-03-2013), no obstant
això, en alguns navegadors, recentment s'estan engegant, de forma experimental, algunes de
les característiques que portarà en si aquest nou estàndard. Paral·lelament, van sorgint noves
informacions i referències que expliquen què és HTML 5, la qual cosa fa que ens sentim cada
vegada més impacients per conèixer bé les noves particularitats del llenguatge i sobretot, per
començar-les a aplicar en els nostres desenvolupaments.
Per què es crea HTML 5
Sabem que un lloc web és com un trencaclosques de tecnologies que operen entre si. Per fer
una pàgina, en principi, es necessita simplement HTML, però aquesta afirmació avui té poc que
veure amb la realitat i les necessitats dels desenvolupadors per crear una rica experiència
d'usuari.
És que avui pocs llocs web es basen únicament en HTML. Qui més qui menys utilitza CSS per
definir l'aspecte de la pàgina, algun tipus de script del costat del client, en Javascript, vídeos en
diversos formats o Flash per realitzar alguna animació o interacció amb l'usuari. Per poder
beneficiar-se i integrar totes aquestes tecnologies, existeixen multitud d'etiquetes que s'han
anat creant al pas del temps, segons s'anaven necessitant, i les quals no han passat pel filtre
dels normalitzadors de tecnologies com el W3C.
Per tant, 10 anys després que es publiqués l'última especificació de l'HTML, resulta primordial
per al futur de la web la creació d'un nou estàndard que reculli i solucioni d'alguna manera, les
necessitats dels desenvolupadors que s'han anat creant al llarg de tot aquest temps.
Esforços en diverses vessants per a la creació d'HTML 5
Sens dubte ja fa temps que es necessitava aquesta nova especificació, que avui encara està en
fase d'esborrany i podríem preguntar-nos per què ha passat tant temps sense publicar-se
aquesta nova versió del llenguatge? La resposta és que HTML 5 s'ha convertit en un projecte
molt ambiciós, on hi ha moltes persones, empreses i institucions que tenen molt que opinar.
És de vital importància, per tant, coordinar a tots els implicats per crear un únic front comú,
que asseguri aquesta vegada un èxit de la tecnologia com un estàndard.

2. Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware
© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/
En principi, els encarregats de regular els estàndards d'Internet són els integrants del W3C,
que han estat treballant durant bastant temps en altres llenguatges com XML. No es pot dir
que hagin deixat de costat HTML, però d'alguna manera estaven creant altres estàndards més
rígids que substituïssin al llenguatge. Davant aquesta falta d'interès en HTML i les necessitats
reals dels desenvolupadors de webs per part del W3C, es va crear el 2004 una comunitat de
persones interessades a millorar i modernitzar el llenguatge de marcació. Aquest nou grup,
anomenat WHATWG (Web Hypertext Application Technology Working Group), es va crear
arran d'una conferència del W3C amb persones integrants dels equips de desenvolupament
d'Apple, la Fundació Mozilla i Opera, a la qual s'hi ha anat afegint personal de Microsoft i altres
empreses implicades al món web.
El WHATWG, que funciona de manera independent del W3C, té com a objectiu principal
treballar en la nova especificació de l'HTML 5 i a ells devem molts dels avanços que estan per
arribar en relació amb el llenguatge. És una organització oberta, on qualsevol pot participar
lliure gratuïtament. De fet, segons comenten en el seu web, estan realment interessats en les
opinions i interessos de les persones que treballen amb el desenvolupament web, per crear
unes especificacions que responguin a les necessitats reals dels professionals d'Internet.
Enllaços relacionats
Els enllaços als esborranys d'especificacions de l'HTML 5 i les organitzacions que treballen en
ells són:
W3C HTML Working Group:
http://www.w3.org/html/
WHATWG:
http://www.whatwg.org
Última versió publicada de l'esborrany d'HTML 5:
http://www.w3.org/tr/html5/
Esborrany de l'HTML 5 per la WHATWG:
http://www.whatwg.org/specs/web-apps/current-work/multipage/
Conclusió
Hem pogut comprovar que existeixen nombrosos esforços per a la creació de les noves
especificacions de l'HTML 5, duts a terme per diferents organitzacions, independents, però que
treballen en un front comú.
Ara convindria explicar què és exactament HTML 5, ja que no és simplement una nova versió
del llenguatge de marcació HTML, sinó una agrupació de diverses especificacions concernents

3. Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware
© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/
al desenvolupament web. És a dir, HTML 5 no es limita només a crear noves etiquetes, atributs
i eliminar aquelles marques que estan en desús o s'utilitzen inadequadament, sinó que va molt
més allà.
Així doncs, HTML 5 és una nova versió de diverses especificacions, entre les quals es troben:
HTML 4, XHTML 1, CSS Nivell 2, DOM Nivell 2 (DOM = Document Objetc Model).
A l'una, HTML 5 pretén proporcionar una plataforma amb la qual desenvolupar aplicacions
web més semblants a les aplicacions d'escriptori, on la seva execució dins d'un navegador no
impliqui una manca de recursos o facilitats per resoldre les necessitats reals dels
desenvolupadors. Per a això s'estan creant unes APIs que permetin treballar amb qualsevol
dels elements de la pàgina i realitzar accions que fins avui era necessari realitzar per mitjà de
tecnologies accessòries.
Aquestes API, que hauran de ser implementades pels diferents navegadors del mercat, s'estan
documentant amb minuciositat, perquè tots els navegadors, creats per qualsevol companyia,
les suportin tal qual s'han dissenyat. Això es fa amb la intenció que no passi el que ve succeint
en el passat, que cada navegador fa la guerra per la seva banda i els que acaben pagant-ho
són els desenvolupadors i fet i fet els usuaris, que tenen moltes possibilitats d'accedir a webs
que no són compatibles amb el seu navegador preferit.
Quan estarà llest HTML 5
Segons informen a la pàgina de l'organització WHATWG, HTML 5 es preveu estigui llest com a
especificació d'implementació recomanada en el 2012. Vol dir això dir que haurem d'esperar
fins a 2012 per aprofitar els avantatges d'HTML 5? Realment no és precisament així, ja que
alguns navegadors ja implementen moltes de les característiques del modern llenguatge.
Resulta que HTML 5 està format per molts mòduls diferents, el grau dels quals d'especificació
està en nivells dispars. Per tant, moltes de les característiques d'HTML 5 estan ja llestes per ser
implementades, en un punt de desenvolupament que es troba proper al que finalment serà
presentat. Moltes altres característiques estan encara simplement en el tinter, a manera
d'idees o esborranys inicials.
De fet, les versions més noves de gairebé tots els navegadors, inclòs el polèmic Internet
Explorer 10, implementen algunes de les característiques d'HTML 5. Clar que, perquè una web
es vegi bé en tots els sistemes, cal utilitzar només aquelles parts que funcionen en tots els
navegadors, per la qual cosa a dia d'avui, poques són les utilitats realment disponibles del
llenguatge, si volem fer un lloc web compatible. No obstant això, en el pitjor dels casos, podem
començar a usar a nivell experimental aquestes característiques, encara que només sigui per
fregar-nos les mans tot esperant incorporar-les realment en les nostres pràctiques de
desenvolupament habituals.

4. Más manuales en: http://www.exabyteinformatica.com/manuales-y-apuntes-freeware
© Roger Casadejús Pérez | http://www.exabyteinformatica.com/tienda/
Quines són les novetats d'HTML 5?
HTML 5 inclou novetats significatives en diversos àmbits. Com dèiem, no només es tracta
d'incorporar noves etiquetes o eliminar unes altres, sinó que suposa millores en àrees que fins
ara quedaven fora del llenguatge i per les quals es necessitava utilitzar altres tecnologies.
Estructura del cos: La majoria de les webs tenen un format comú, format per elements com a
capçalera, peu, navegadors, etcètera. HTML 5 permet agrupar totes aquestes parts d'una web
en noves etiquetes que representaran cadascun de les parts típiques d'una pàgina.
Etiquetes per a contingut específic: Fins ara s'utilitzava una única etiqueta per incorporar
diversos tipus de contingut enriquit, com a animacions Flash o vídeo. Ara s'utilitzaran etiquetes
específiques per a cada tipus de contingut en particular, com a àudio, vídeo, etcètera.
Canvas: és un nou component que permetrà dibuixar, per mitjà de les funcions d'un API, a la
pàgina tot tipus de formes, que podran estar animades i respondre a interacció de l'usuari. És
alguna cosa així com les possibilitats que ens ofereix Flash, però dins de l'especificació de
l'HTML i sense la necessitat de tenir instal·lat cap plugin.
Bases de dades locals: el navegador permetrà l'ús d'una base de dades local, amb la qual es
podrà treballar en una pàgina web per mitjà del client i a través d'un API. És alguna cosa així
com les cookies, però pensades per emmagatzemar grans quantitats d'informació, la qual cosa
permetrà la creació d'aplicacions web que funcionin sense necessitat d'estar connectats a
Internet.
Web Workers: són processos que requereixen bastant temps de processament per part del
navegador, però que es podran realitzar en un segon pla, perquè l'usuari no hagi d'esperar que
s'acabin per començar a usar la pàgina. Per a això es disposarà també d'una API per al treball
amb els Web Workers.
Aplicacions web fora de línia: Existirà un altre API per al treball amb aplicacions web, que es
podran desenvolupar de manera que funcionin també en local i sense estar connectats a
Internet.
Geolocalització: Les pàgines web es podran localitzar geogràficament per mitjà d'una API que
permeti la geolocalització.
Noves APIs per a interfície d'usuari: temes tan utilitzats com el arrossegar i deixar anar en les
interfícies d'usuari dels programes convencionals, seran incorporades a l'HTML 5 per mitjà
d'una API.
Fi de les etiquetes de presentació: totes les etiquetes que tenen a veure amb la presentació
del document, és a dir, que modifiquen estils de la pàgina, seran eliminades. La responsabilitat
de definir l'aspecte d'una web serà a càrrec únicament de CSS.
Com es pot veure, existiran diverses API amb les quals podrem treballar per al
desenvolupament de tot tipus d'aplicacions complexes, que funcionaran en línia i fora de línia.
Potser s'entengui millor per què HTML 5 és un projecte tan ambiciós i que està portant tant
temps per ser elaborat.