HTML 5 : un web plus sémantique
Par nicofrand le lundi 17 décembre 2007, 04:11 - Web - Lien permanent
Histoire de patienter jusqu’en 2022 ( doh ! ), je vous résume vite fait quelques éléments intéressants de la future version du HTML, la version 5. Cette version sera plus sémantique que la précédente. En effet, des éléments dépréciés tels <center> ou <font> seront supprimés et de nouvelles balises ( ainsi que de nouveaux attributs ) prennent place.
Ainsi on peut citer quelques nouvelles balises:
- video (avec un attribut poster qui permettra de mettre un aperçu de la vidéo)
- audio
- nav (on peut supposer que cette balise est une réincarnation de la balise <menu>, maintenant dépréciée ? Cependant ce bloc est fait pour contenir des liens vers d’autres pages)
- header / footer
- article
- section
- figure (qui encapsulera une balise image et une balise legend , pour plus de clareté)
Du côté de la balise input, on aura également une division plus sémantique de la balise puisque celle-ci comptera désormais des types de champs de formulaires pour :
- le temps avec “time”
- les mails avec “email”
- et les URL avec “url”
On pourra ainsi enfin limiter nos divisions grâce aux blocs de navigation . Du côté pratique, la vidéo et l’audio ont enfin droit à une insertion digne de ce nom, tout comme d’autres documents car nous pourrons apparament aisément insérer un texte d’un autre charset grâce au nouvel attribut correspondant “charset”. Cependant il est dommage que Nokia et Apple aient fait pression pour supprimer les formats OGG des spécifications du HTML 5, qui à la base, devaient être les codecs à utiliser pour les médias vidéos et audios.
Et enfin il reste un autre point à surveiller : les barres de progrès (modifiables par exemple en JS), chose qui selon certains (qui a dit ‘des flasheux”
) , manquait ! La syntaxe serait celle-ci : <progress value=”1534602” max=”4603807”>33%</progress> . Cela permettrait par exemple de montrer la progression d’un téléchargement. On peut se demander si cette balise serait vraiment utile dans un site accessible (où, donc, les documents seraient légers comme le prévoient les lois de l’accessibilité) .
Pour conclure, on peut donc espérer un web beaucoup plus pratique mais aussi beaucoup plus sémantique, d’autant plus que le CSS 3 permettra une sélection plus avancée, ce qui limitera le besoin d’utiliser des balises génériques telles div et span !
PS : Ces remarques sont faites à partir du “Working Draft” du 20 décembre 2007 .
PS 2: il semblerait que l’image n’ait rien à voir avec le sujet mais ça fait longtemps que je voulais la sortir, alors voilà 

Commentaires
Plop,
Tu as posté sur mon blog, en disant entre autres que tu as développé un plugin OpenID pour Dotclear. Baaah : « OpenID invalide: erreur d'identification ».
Donc, je venais juste pour te donner l'image traduite
http://www.foxtwo.info/journal/24-le-design-cest-une-question-de-temps
Les barres de progrès... quoi ?
J'ai repris le passage sur les barres de progrès, pour je l'espère plus de clareté. ( du moins autant que le brouillon du WG le permet
)
@Diti : le problème vient de la librairie que j'utilise, je ne sais pas encore quoi faire.
Well worded. Thanks for posting that. I will definitely return back to see what's new and recommend my neighbors about it.
Good website. Thanks for posting this. I will come again to see what's new and inform my friends about this.
Hey There. I discovered your blog the use of msn. This is an extremely smartly written article. I will be sure to bookmark it and return to read more of your useful information. Thank you for the post. I will definitely return.
Thank you for another fantastic post. The place else may anyone get that type of info in such an ideal means of writing? I have a presentation subsequent week, and I'm on the search for such info.
Heya i'm for the first time here. I came across this board and I in finding It really useful & it helped me out much. I hope to give one thing back and help others such as you aided me.
Hi there, I discovered your site by means of Google at the same time as searching for a comparable topic, your site got here up, it seems great. I have added to favourites|added to my bookmarks.
I have been surfing online greater than three hours as of late, but I never discovered any attention-grabbing article like yours. It is lovely worth sufficient for me. In my opinion, if all web owners and bloggers made just right content as you probably did, the web might be much more useful than ever before.
You nailed it. Thank you for doing such a good job. I'll definitely return back to see what's new and tell my friends about your writing.
Magnificent effort in relation to this valuable web page. My partner and i had a great time browsing it, and as a consequence will likely reappear repeatedly, attempting to find something innovative.
Hi there, simply become aware of your blog via Google, and located that it's truly informative. I am gonna watch out for brussels. I'll be grateful if you proceed this in future. A lot of other people shall be benefited out of your writing. Cheers!