LiberT : le blog ! - Tag - HTML

HTML5 : Un premier jet prometteur...

Deeder — Sun, 27 Jan 2008 23:52:00 +0100

Cela faisait un moment que je ne vous avais pas parlé de HTML5, la nouvelle version du langage de balisage des contenu destinés au Web dont les spécifications sont en cours de rédaction par un groupe de travail du W3C formé il y a plus d'une dizaine de mois maintenant. Ayant pris part à ce groupe de travail dès son annonce, j'ai réussi à suivre l'évolution du projet et à contribuer aux première réflexions avant d'être totalement dépassé par l'afflux d'informations venant d'un groupe composé de plus de 500 personnes. J'ai donc continué à suivre de loin l'évolution de ce futur standard.

Aujourd'hui, il y a du neuf : petit à petit, l'oiseau fait son nid et le premier brouillon de la spécification de HTML5 vient d'être publié et mis à disposition de chacun afin d'avoir les premiers retours sur cette évolution majeur de l'édition et de la gestion des contenus. De nombreuses nouveautés et modifications ont lieu par rapport à la désormais vétuste quatrième version de HTML et ce travail basé sur le travail commencé en annexe par le WHATWG est très prometteur. Je n'ai pas vraiment le temps de vous lister les modifications majeures mais je vous laisse lire le compte rendu de Laurent Jouanneau qui est relativement complet sans s'enchevêtrer dans des détails techniques.

HTML5 se profile bien et ce premier brouillon est encourageant. La suite est tout autant remplie de promesses qui devraient se concrétiser et ainsi laisser la perspective d'un nouveau Web se profiler à l'horizon. Mais attention tout de même de ne pas vendre la peau de l'ours avant de l'avoir tué : la version finale de la spécification n'est pas prévue avant 2010, de quoi peut-être laisser le temps aux plus stoïques des développeurs de navigateurs Web^[1] de commencer l'implémentation de ce nouveau standard.

Lire le communiqué de presse

PS : Au fait, je ne vous ai pas parlé d'IE8 dernièrement ? Il va falloir que j'y remédie, la future relève du navigateur populaire fait couler pas mal d'encre ces temps-ci, et pas toujours en bien. Affaire à suivre...

Notes

[1] Toute analogie avec une description des développeurs de IE est purement fortuite...

Planter IE en une ligne de code HTML

Deeder — Tue, 07 Aug 2007 22:24:00 +0200

Oui, vous avez bien lu le titre ! Non, ce n'est pas une élucubration de ma part mais bel et bien un problème d'interprétation du code HTML par IE6. Pour provoquer un beau plantage en règle, il suffit d'utiliser la ligne de code suivante :

<style>*{position:relative}</style><table><input></table>

IE7 rattrape un peu le coup en affichant réellement un input mais inutilisable. Et dire que le HTML a 18 ans et que certains navigateurs ne sont pas encore fichus de l'interpréter correctement...

Via Totalement Crétin(s).

Podcast #6 : OpenID, HTML5, Hendrix et news en bref

Deeder — Sun, 18 Mar 2007 18:45:00 +0100

Allez hop ! Après trois mois de silence, il était temps de se remettre au podcasts audios avec un épisode 6. Cette fois, c'est 38 minutes de blabla qui vont venir chatouiller vos oreilles et en récompense une petite musique digne de ce nom à la fin. Ca vaut le coup d'attendre, si, je vous assure !

Au sommaire :

OpenID : l'identification universelle aux services webbesques s'installe petit à petit. Ziki est un des premiers réseaux sociaux à regrouper vos identifications en plus de toutes vos informations dispersées sur la toile. L'initiative est née d'un Barcamp dont je vous conseille d'aller découvrir le concept dans le Blog Show #21.
L'évolution de HTML est en route. Pourquoi avoir relancé le développement d'une technologie vouée à l'abandon ? Comment crée-t-on une spécification ? Qu'est-ce que sont le W3C HTML WG et le WHATWG et comment concilier leurs efforts ? Les réponses dans cette édition.
En bref : Microblogging, qu'est-ce que c'est finalement ? Loïc le Meur vous redonne la parole. AccessOweb tout beau tout neuf : vive Dotclear 2.
Musique : Jimi Hendrix, l'emblème d'une culture rock. Venez écouter All Along The Watchtower, reprise emblématique d'une chanson de Bob Dylan.

Have fun !

Le HTML réhabilité par le W3C

Deeder — Thu, 08 Mar 2007 14:15:00 +0100

Je vous avais déjà parlé il y a quelques mois du désir de Tim Berners Lee, désigné comme étant l'inventeur du World Wide Web, de relancer le développement de l'HTML, en partant du constat de l'échec relatif de xHTML. Et bien c'est désormais fait, en témoigne le communiqué de presse paru hier :

Après la publication de HTML 4, et suite à l’atelier HTML de 1998, le W3C a décidé de transformer le HTML en un format fondé sur XML, appelé XHTML, pour tirer parti des avantages des formats XML. La première recommandation XHTML complète a été publiée au début de l’an 2000.

Toutefois, compte tenu de l’important héritage de contenus Web existant sous la forme de variantes du HTML, les fournisseurs de navigateur n’ont pas pressé le pas pour adopter le XHTML. Du coup, les développeurs de contenu n’étaient pas franchement motivés pour adopter le XHTML dans l’environnement de poste de travail traditionnel. Les chefs de file des communautés de développeurs et de concepteurs Web ont donc exhorté le W3C à renouveler son engagement envers le HTML en ajoutant de nouvelles fonctionnalités (à commencer par le standard HTML 4) qui soient conformes et rétrocompatibles avec les pratiques des communautés. Le W3C contribuera à garantir l’interopérabilité en offrant à la communauté des suites de tests et services de validation performants pour les technologies futures.

Que cela ne fasse pas fuir les amoureux du XHTML qui ne périra pas, loin sans faux, avec le maintient du développement de XHTML2. En effet, xHTML est populaire dans des domaines bien différents de HTML comme par exemple le Web Mobile, les applications serveurs ou même les blogiciels.

Un des objectifs sous-tendant la conception de XHTML 2.0 consiste à garantir qu’il soit aussi générique que possible et en mesure de réutiliser les standards XML actuels, dont les Xforms, XML Base et XML Events à la place des fonctionnalités HTML aux fins similaires. Ces choix de conception ont conduit le XHTML 2.0 à avoir une identité distincte du HTML. Avec la mise en place du Groupe de travail XHTML 2, le W3C continuera son travail technique sur le langage et prendra parallèlement en compte la revalorisation de la technologie afin d’expliquer clairement son indépendance et sa valeur sur le marché.

On sait déjà que certains demandent l'arrêt définitif du développement du canard sans tête qu'est le XHTML2 pour des raisons diverses. Voilà qui va les réjouir, l'évolution dite "incrémentale" du HTML permettant de repartir sur des bases plus saines. Je vous laisserai donc méditer sur une petite citation :

I sincerely hope it's going to be successful, that we are really going to raise again ducks and ducklings, but that's not proven yet.

Ils en parlent :

Monique dans sa version outre-atlantique : Nouveau groupe de travail HTML
Alsacreations : Le W3C relance l'activité HTML
Daniel Glazman : HTML WG 2007

La sémantique : donnez un sens au Web...

Deeder — Tue, 06 Feb 2007 21:47:00 +0100

Voilà un moment que je n'ai pas parlé d'accessibilité numérique, de standards du web ou même de développement sur ce blog^[1]. Je remets le pied à l'étrier avec un article dédié à la sémantique. Notion souvent abstraite pour les novices mais tant rabâchée par les gourous, il est temps de clarifier la situation en expliquant de quoi il retourne. Bref, à vos dicos !

Notes

[1] Je vous rappelle en passant que la catégorie Standarderies regroupe les articles traitant de ces domaines et qu'une petite recherche ramènera à vous les quelques billets égarés dans les autres recoins de ce site.

Définition :

La sémantique n'est rien de plus que l'art d'utiliser chaque balise (x)HTML à bon escient, pour le rôle qui lui a été attribué et qui a été défini à travers les recommandations du W3C et cela indépendamment de son rendu par défaut.
Ainsi, chaque élément à un rôle approprié, une signification. L'intérêt du respect de cette signification est de pouvoir tirer des informations de la page rien qu'en analysant son code. C'est le principe des lecteurs d'écran ou des agrégateurs RSS par exemple. Ce procédé a été mis en place à des fins d'accessibilité, de clarté et de différenciation des éléments et doit être appliqué au nom du respect des standards.

L'avènement et la popularisation du XML a amplifié l'importance de la sémantique. En effet, le XML est principalement basé sur la sémantique afin d'organiser les informations et de les traiter par la suite. Le xHTML étant le résultat de l'union de ce méta-langage et du HTML, il est donc normal que cette notion soit héritée et donc relativement présente dans ce langage. Mais il ne faut pas oublier qu'elle s'applique aussi au HTML, même si il a la réputation d'être plus permissif.

Exemples et mise en oeuvre :

Il y a des réflexes à avoir afin d'éviter les principales erreurs que l'on peut rencontrer sur le net. Tout d'abord, il faut savoir que tout texte, sauf pour les titres, les listes à puces et autres cas exceptionnels, doit être inclus dans un paragraphe <p>. Il en va de même pour les images <img /> qui font partie intégrantes de l'information que délivre le texte. J'exclus ici les images servant à la mise en page.

Un menu étant considéré comme une liste de liens, nous utiliserons donc une liste à puces <ul> pour le mettre en page, qu'il soit orienté verticalement ou horizontalement. La mise en place d'une mise en page par les CSS nous permettra par la suite de modifier l'orientation et la mise en page de cette liste à puces. D'autres personnes y préfèreront les listes de définition <dl>, mais c'est un long débat dans lequel nous ne rentrerons pas.

Les titres <h1> à <h6> sont à préférer au code suivant, qui n'apporte aucun sens réel au code, <div> étant une balise dite neutre :

<div class="titre">Titre</div>

De même, ils doivent être utilisés selon un ordre hiérarchique et architectural logique. Ainsi, tout <h3> aura été introduit et précédé d'un <h2> lui même précédé d'un <h1>. La choix des titres <hx> ne dépend pas seulement de leur importance mais aussi de leur hiérarchisation. L'architecture d'une page Web doit transparaitre à travers le code source.

Les balises neutres <div> et <span> sont à proscrire pour remplacer une balise existante. On y privilégiera l'emploi de balises respectivement blocs et en-ligne adaptées et auxquelles on associera une mise en forme identique à celles des balises neutres. L'imbrication inutile de balises blocs doit également être évitée.

Les tableaux <table> sont à proscrire pour la mise en page de sites web. Ils ne sont destinés qu'à la mise en page de données tabulaires. Les données tabulaires sont des données destinées à une classification dans un tableau à double entrée minimum. L'utilisation des tableaux pour la mise en page, bien que déconseillée a été et est toujours très utilisée pour des raison de facilité de compatibilité entre les navigateur mais elle est très lourde et comporte de nombreux désavantages.

Les balises <b> et <i> qui, contrairement à ce que l'on peut penser, ne sont pas invalides xHTML 1.0 Strict, ne sont pas forcément respectivement remplaçables pas les balises <strong> et <em>. En effet, même si elles sont interprétées de la même manière, elles n'ont pas le même sens sémantique.
Alors que <b> et <i> sont employées pour leur forme, c'est à dire une mise en gras et italique, <strong> et <em> sont les marques respectives d'une forte et d'une petite emphase, qui sont le plus souvent modélisées par une mise en gras et une mise en italique mais qui pourrait avoir une mise en page totalement différente.

Ambiguïté et difficultés d'interprétation :

Bien que la sémantique du (x)HTML soit généralement assez stricte, il existe des cas menant à une certaine ambiguïté. C'est par exemple souvent le cas pour un forum. Un forum doit-il être présenté sous la forme d'un tableau ou sous une mise en page (x)HTML/CSS ? Les données présentées y étant mi-tabulaires, mi-textuelles, il est difficile de trancher. Certains optent donc pour des tableaux, d'autres pour une mise en page (x)HTML couplé à CSS. On laisse donc le choix au développeur. C'est selon son appréciation et sa philosophie qu'il décidera de la manière de concevoir son forum.

Conclusion :

La sémantique est encore une fois le signe d'une avancée technologique, qui permet de donner du sens aux données textuelles, et donc par extension à son code. Ainsi, ce code pourra être correctement exploité sous toutes ses formes grâces aux différents outils à disposition. Il ne faut donc pas choisir ses balises en fonction d'un rendu, qui sera facilement modifiable par les CSS, mais en fonction de leur signification première. C'est là tout l'art du développeur : donner un sens à un code, sans en sacrifier l'accessibilité, la mise en page, ou le rendu et tout en permettant l'exploitation et le traitement des données postérieurs à la publication.