Un peu d'histoire rapide

On ne va pas rappeler l'historique du Web, mais il fut une époque (pas totalement révolue d'ailleurs), ou au niveau des navigateurs, chacun faisait un peu ce qu'il voulait : Mozilla, Internet Explorer (il continue), Opéra, Safari, Konqueror, Altavista, AOL et autres...
Résutat, le développment de sites devenait un enfer et selon le navigateur utilisé les sites étaient plus ou moins lisibles.

Un organisme indépendant, le W3C (W3 = les www bien connus et C pour consortium) prit l'initiative de mettre de l'ordre dans tous ça en essayant d'établir des bases communes.
Il était d'autant plus crédible que composé entre autres des fondateurs des www.

C'est grâce à eux qu'aujourd'hui, à lexception d'IE, on peut choisir son navigateur sans risque de voir s'afficher une page illisible.

De réunions en consultations nous avons eu pour les principaux les langages HTML 4.0, puis XHTML 1.0 et 1.1 transitional ou strict.

Passons les détails, mais l'avantage de chacun de ces lagages est qu'ils étaient évolutifs et adaptables : encodage de caractères, niveau...

Il est là !

Et voilà qu'il nous arrive en 2010 HTML5. Autant les autres langages n'étaient pas connus, autant le petit dernier est de toutes les actualités. La preuve, un appel pour une demande de devis pas plus tard qu'hier et la première question a été : 'vos sites sont-ils en HTML5' !!!??? Jamais un client ne m'avait demandé si ils étaient en HTML4 ou XHTML1 !!!

Bien sûr la question en retour, 'Pourquoi en HTML5 ?'
Réponse : pour être visible sur les portables et être bien référencé.
Il n'est pas correct de rire au nez d'une personne que l'on ne connait pas, surtout de futurs clients potentiels, et je me suis donc retenu...

En savoir plus sur le petit nouveau

Les avantages

• Effectivement code portable sur les derniers smartphones et tablettes (pads).
• Intègre des balises avec fonctions automatiques : la balise '<email>' va vérifier à la soumission d'un formulaire si la valeur saisie est correcte.
• Structure les pages HTML comme les langages de développement : '<header class="ma_classe">mon en en tête<header>, <article class="ma-class-en-css">Mon article<article>, <section class="ma-class-en-css">La section<section>, ou pour les menus <nav class="ma_classe_menu"><ul><li>mon lien></li></ul></nav>
• Plus besoin du boulet 'Flash' pour lire des vidéos, cette application est intégrée dans le navigateur.
• Simplification de la construction des pages : la balise '<header>' correspond à l'en-tête, la balise '<nav>' aux menus de navigation, etc...

• Encodage de caractères utf8 uniquement, pas bon pour faire évoluer les sites avec des bases de données en latin_general et/ou des pages en iso-8859-1... Mais la bonne méthode pour les nouveaux sites qui pourront supporter beaucoup plus facilement toutes les langues.
• Le principal, ce langage n'est pas encore vraiment défini et ne le sera pas complètement avant mars 2013 au mieux !!! Et tout le monde en parle. Bizarre non ?
• Uniformisation totale de la construction des pages. On va pouvoir éviter que chacun puisse donner libre cours à ses compétences et créer des centres d'apprentissage pour que tout soit 'pensée unique politiquement correcte' sur le Web comme dans le reste.
• Qu'en sera-t-il des pages, dont les moteurs ne pourront pas trouver ces balises faites quelque part pour leur faciliter la tâche, au niveau des résultats de recherche ?

En savoir plus

• W3C incontournable (anglais)
• Wikipedia bien sûr (français)

• Technique, applications : Alsacréations (français)
• Intercativité des formulaires : Présence PC (français)
• Appliactions sympas et pas trop difficiles à intégrer : html5demos (anglais)
• Un portail d'applications HTML5 : Queness (anglais)
• Vidéo et audio, un tutoriel complet pour sites classiques et mobiles : Opera (anglais) mais portable sur FireFox, Chromium, Safari et autres navigateurs aux normes Web.

Et comme il faut toujours garder le meilleur pour la fin... Et bien développons en HTML5, puisque c'est vrai que quelque part c'est un progrès, mais on ne va pas manquer de boulot puisque le plus que fameux Internet Explorer ®, ne reconnait pas ou peu le HTML5 !!!
Donc pour l'instant 2 versions à chaque fois.
On a subi le [Ctrl][Alt][Supp] pendant des années et maintenat il faudra subir dans nos codes le <!--[if IE]> spécial monsieur IE <![endif]-->. Pffffff.

Samedi 7 avril 2012