Reflexions sobre periodisme, comunicació i cultura

Avui en dia tothom que es dedica a temes de comunicació amb l’aparició dels tablets i els telèfons de nova generació ha sentit a parlar de “HTML5″… pero algú sap realment què es l’HTML5? Aquest article vol intentar respondre a aquesta qüestió.

L’espai web està en constant evolució. Llocs nous i innovadors s’estan creant cada dia, empenyent els límits de l’HTML en tots els sentits. L’HTML estàndar (HTML4), és el llenguatge amb el que es creen les pàgines webs actualment, i s’utilitza des de fa gairebé una dècada.

Els desenvolupadors d’aquest llenguatge, que busquen noves funcionalitats per sorprendre als usuaris, es troben lligats de mans i peus per les restriccions pròpies del llenguatge i per la disparitat d’interpretació dels múltiples navegadors existents.

La intenció de l’HTML5 és oferir als desenvolupadors una major flexibilitat per fer webs i aplicacions més interessants, més interactives i més fàcils de desenvolupar.

La feina que s’està duent a terme per fer evolucionar l’HTML4 cap a l’HTML5 -que va començar el 2004- és un esforç conjunt de l’oficina internacional d’estàndars web (W3C), la comunitat de gent interesada en evolucionar la web (WHATWG) i els representants dels quatre fabricants principals de navegadors (Apple, Mozilla, Opera i Microsoft).

Una de les novetats més destacades fa referència a l’estructura de la pàgina web. L’HTML5 introdueix un conjunt d’etiquetes noves que fan que sigui molt més fàcil estructurar les pàgines web.

Si ens hi fixem una mica, la majoria de les pàgines HTML inclouen una varietat d’estructures comuns, com capçaleres, peus de pàgina i columnes,… que en l’actualitat s’acostumen a marcar amb l’etiqueta <div>, donant-li a cadascuna una identificació descriptiva o una classe.

Aquest diagrama il·lustra una estructura típica de pàgina web. Conté una capcelera (header), un peu (footer), un menú de navegació horitzontal (nav), una columna central (article) i una columna dreta (sidebar).

 

Amb l’HTML5 s’aborda aquesta estructura mitjançant la introducció de noves etiquetes per a la representació de cadascun d’aquests espais.

Les etiquetes <div> poden ser sustituïdes per noves etiquetes estàndar: header, nav, section, article, aside, i footer.

 

Un dels avantatges més destacats d’aquesta nova estructura és que cadascun dels diferents espais de la pàgina rep un valor propi, és a dir, no tindrà el mateix valor un <h2> a dins de <header> que un <h2> a dins de <sidebar>. D’aquesta manera s’augmenta la flexibilitat a l’hora de maquetar webs i es facilita molt més la feina dels robots indexadors.

En els últims anys, el vídeo i l’àudio a la web s’han convertit en una realitat totalment viable gràcies a llocs com YouTube, Vimeo, MySpace, etc… i estan fent possible una tasca que abans era una tortura.

Tot i així, des de la perspectiva de l’HTML4 actual, no es disposa dels mitjans necessaris per a integrar amb èxit el menú de controls dels elements multimèdia. Molts llocs basen els seus reproductors en tecnologia Flash per poder proporcionar aquesta funcionalitat.

Com ho demostra la disparitat dels diferents reproductors basats en Flash, els mitjans estan interessats en poder oferir el seu propi disseny personalitzat d’interfícies d’usuari, que generalment permeten als usuaris reproduir, pausar, aturar, buscar i ajustar el volum. Amb l’HTML5 se’ns ofereix un reproductor multimèdia amb llenguatge nadiu i amb moltes possibilitats de costumització.

La forma més senzilla d’incrustar un vídeo és l’ús de l’etiqueta <video> i permetre que el navegador proporcioni una interfície d’usuari per defecte. És tan simple com això:

<video src=”video.ogv” width=”320″ height=”240″>

<a href=”video.ogv”>Download movie</a>

</video>

En aquesta mateixa línia, han aparegut moltes etiquetes noves que simplifiquen molt el desenvolupament. Una de les més espectaculars podria ser l’etiqueta <canvas>, on definim un espai on podem mostrar gràfics vectorials (SVG).

Per acabar, cal comentar que tot i que existeixen navegadors que ja interpreten bona part del llenguatge HTML5 correctament , encara hi ha aspectes que es troben en discussió i constant evolució. Es tracta d’un projecte que està molt viu i que treballa per fer la tecnologia més fàcil i accessible a tothom.

Daniel Paladini (Web, LinkedIn, Twitter)

Gestor de projectes web.

Tags: HTML, HTML4, HTML5, Llenguatge, Programació

Aquesta entrada s'ha publicat el 19-10-2011 a les 8:40 i arxivada en Internet i TIC. Podeu seguir les respostes a aquesta entrada mitjançant el canal RSS 2.0. Podeu deixar una resposta, o fer-ne referència des de la vostra pàgina web.