Menú
HTML5 (Debats entre Article i Seccio)

HTML5 (Debats entre Article i Seccio)

S'està parlant molt del futur de la web amb HTML5 i la desaparició de Flash, que, com diu Steve Jobs, pertany a l'era del PC. Però bé, això ja seria entrar en un altre tema...

Poc a poc anirem introduint novetats i curiositats respecte a aquesta revisió de l’HTML. Aquí us exposo la primera. Espero que la trobeu interessant.

Un aspecte controvertit i que deixa alguna que altra dubte és la utilització de les etiquetes <section> i <article>. Depèn del lloc que consultem podrem veure que s’utilitzen totes dues de manera molt similar, portant a vegades a confusió. A List A Part, per exemple, fa una previsualització del <section> dins de l’article. En altres llocs, en canvi, -i és el més habitual- apareix el <section> com a pare de l’article. Això té rellevància a l’hora d’estructurar el contingut, ja que anteriorment tan sols ens preocupàvem de saber quin id li anàvem a passar al nostre divisor.

Smashing Magazine ens ofereix un tutorial de com maquetar una pàgina amb HTML5 partint de zero i segueix els principis d’HTML5 en considerar l’etiqueta <article> de manera molt més semàntica que l’etiqueta <section>. És a dir, <section> vindria a ser un divisor, a l’estil de l’etiqueta <div>, que no et aporta més que una divisió estructural.

Si ens dirigim al lloc oficial del W3C, no trobarem informació molt precisa, ja que l’única dada de valor que aporta és el referent semàntic que <article> pot ser una secció important i repetida dins d’un lloc web, com poden ser una publicació en un fòrum, una entrada de blog o una notícia, mentre que <section> seria simplement un grup de contingut similar que, al seu torn, pot contenir <header> i <footer>.

article_section_html5

A mesura que vagin proliferant les pàgines escrites en HTML5, es clarificarà quin ús acabem assignant -nosaltres, els programadors- a cadascuna d’aquestes dues etiquetes.