Éléments HTML5 de structure - commentaires Éléments HTML5 de structure 2013-02-22T18:08:05Z http://romy.tetue.net/elements-html-5-de-structure#forum4326 2013-02-22T18:08:05Z <p>Personnellement je déconseille l'utilisation de plusieurs header et footer, par contre j'inclue la section nav dans le header. Je propose une structure de page sur ce billet : [<a href="http://www.responsive-mind.fr/xhtml-5-des-balises-lourdes-de-sens/" class="external external auto" rel="nofollow external">http://www.responsive-mind.fr/xhtml-5-des-balises-lourdes-de-sens/</a>]</p> Éléments HTML 5 de structure 2011-07-28T11:25:05Z http://romy.tetue.net/elements-html-5-de-structure#forum3021 2011-07-28T11:25:05Z <p>Les validateurs ne sont pas très fiables parfois...</p> Éléments HTML 5 de structure 2010-06-30T09:59:41Z http://romy.tetue.net/elements-html-5-de-structure#forum2029 2010-06-30T09:59:41Z <p>Quelle drôle d'idée de mettre plusieurs balise header ou footer.<br class="manualbr" />Je sens qu'on va se mélanger les pinceaux avec cette histoire.<br class="manualbr" />Un header et un footer faisait amplement l'affaire, pourquoi ne pas avoir choisi d'autres noms pour ces sous-header et sous-footer ?</p> Éléments HTML 5 de structure 2009-10-09T18:05:37Z http://romy.tetue.net/elements-html-5-de-structure#forum1578 2009-10-09T18:05:37Z <p>Je rejoins Nicolas Krebs « La prochaine version du HTML devrait se rapprocher du XML » : non point du tout.<br class="manualbr" />C'est d'ailleurs tout l'intérêt. n'en déplaise à Olivier. Le HTML est un langage de structuration sémantique, nécessairement simple d'usage et souple dans son interprétation. XML — et XHTML 2 tel qu'il s'annonçait — et ses erreurs de parsing n'est pas un langage assez « humain ». HTML <i>doit</i> être « humain ».<br class="manualbr" />Et rien n'empêche HTML5 d'être écrit proprement ; voire même sous une forme XHTML5…</p> <p>Pour moi, <code><article></code> est le corps( core, aussi) du document. <code><section></code> est une subdivision de ce corps. Dans le cas d'une page constituée de groupes de contenus, <code><section></code> permet de diviser et organiser ces contenus, sans être enfant d'<code><article></code>.</p> Éléments HTML 5 de structure 2009-07-22T22:31:06Z http://romy.tetue.net/elements-html-5-de-structure#forum1420 2009-07-22T22:31:06Z <p>XHTML2 était très prometteur, mais Google et Apple l'ont tué définitivement au profit de cet HTML5, c'est déplorable...<br class="manualbr" />D'abord, pourquoi pleins de balises qui ne servent à rien ?</p> <p>Parce que oui, XHTML2 était du XML et que le clown « Hixie » ne veut pas en entendre parler pour HTML5, ce qui est complètement idiot. XML permet de tout faciliter : code propre, facile à réutiliser, modifier,...</p> Éléments HTML 5 de structure 2009-07-18T16:53:40Z http://romy.tetue.net/elements-html-5-de-structure#forum1410 2009-07-18T16:53:40Z <blockquote class="spip"> <p>« La prochaine version du HTML devrait se rapprocher du XML en permettant d'écrire des blocs aux intitulés signifiants. » (Romy Duhem-Verdière)</p> </blockquote> <p>Non.</p> <blockquote class="spip"> <p>« HTML 5 définit [...] nouve[eaux éléments] <code><header>, <article>, <nav> ou encore <footer></code> »</p> </blockquote> <p>Oui. Voir <a href="http://article.gmane.org/gmane.comp.web.spip.devel/44724" class="external" rel="external">mon commentaire d'il y a deux ans</a>, le dernier <a href="http://www.w3.org/TR/2009/WD-html5-20090423/semantics.html#sections" class="external" rel="external">brouillon officiel</a> et la dernière version stables des <a href="http://trac.rezo.net/trac/spip/browser/branches/spip-2.0/squelettes-dist/?rev=14200" class="external" rel="external">squelettes SPIP</a>.</p> <blockquote class="spip"> <p>« Sachez qu'il est d'ores et déjà possible d'utiliser ces éléments de structure : si les navigateurs actuels ne les comprennent pas, ils n'en font pas une maladie, et les traitent comme s'il s'agissait de <span> »</span></p> </blockquote> <p>Ça reste à prouver. Voir par exemple les commentaires de <a href="http://www.cynicalturtle.net/kame/index.php/2009/07/02/588-liens-du-02-07-2009" class="external" rel="external">Damien</a> <a href="http://www.cynicalturtle.net/kame/index.php/2009/07/07/589-liens-du-07-07-2009" class="external" rel="external">Bonvillain</a>.</p> <blockquote class="spip"> <p>« Mais j'ai moi aussi du mal à bien distinguer <code><article> et <section></code>. »</p> </blockquote> <p>Moi aussi.</p> Éléments HTML 5 de structure 2009-07-18T12:40:42Z http://romy.tetue.net/elements-html-5-de-structure#forum1409 2009-07-18T12:40:42Z <p>Ce validateur-là râle moins : <a href="http://validator.nu/" class="external external" rel="external">http://validator.nu/</a> (à moins que ce ne soit <a href="http://html5.validator.nu/" class="external external" rel="external">http://html5.validator.nu/</a> spécifiquement ?)</p> Éléments HTML 5 de structure 2009-07-17T10:11:46Z http://romy.tetue.net/elements-html-5-de-structure#forum1407 2009-07-17T10:11:46Z <p>Hello,</p> <p>deux petites infos :</p> <ul class="spip"><li> Il y a un validateur en développement : <a href="http://qa-dev.w3.org/wmvs/HEAD/" class="external external" rel="external">http://qa-dev.w3.org/wmvs/HEAD/</a></li> <li> Le doctype : <a href="http://dev.w3.org/html5/spec/Overview.html?true#the-doctype" class="external external" rel="external">http://dev.w3.org/html5/spec/Overvi...</a></li> </ul> <p>La page fait 4,12Mo...</p> Éléments HTML 5 de structure 2009-07-15T22:37:57Z http://romy.tetue.net/elements-html-5-de-structure#forum1403 2009-07-15T22:37:57Z <p>Non car <code><div id="content"></code> reste un bloc de composition formel, qui peut contenir l'élément sémantique <code><section></code>. Si j'ai bien compris, les sections sont les grandes parties constituant le plan du document, comme un plan de dissertation, comme des chapitres, comme…</p> <p>Mais j'ai encore du mal à bien distinguer <code><article></code> et <code><section></code>. Dans lequel est-il le plus pertinent d'inclure l'autre ?</p> <p>Le <code><header></code> contient typiquement la <a href="http://fr.wikipedia.org/wiki/titraille" class="external" rel="external">titraille</a>, c'est-à-dire <q cite="http://fr.wikipedia.org/wiki/Titraille">l'ensemble des éléments entrant dans la composition d'un titre (surtitre, titre, sous-titre, et sommaire)</q>, mais ce n'est pas nécessairement un en-tête, puisque ce n'est pas toujours en haut de page, ni un cartouche, ni un chapô, ni…</p> <p>Quand au doctype… le code source du site <a href="http://html5doctor.com/" class="external" hreflang="en" rel="external">HTML5 Doctor</a> utilise <code><!DOCTYPE html></code>, tout simplement, mais le validateur râle un peu.</p> Éléments HTML 5 de structure 2009-07-15T21:39:01Z http://romy.tetue.net/elements-html-5-de-structure#forum1402 2009-07-15T21:39:01Z <p>En fait ce qui est compliqué est que les éléments en question sont utilisés en fonction du sens et ne correspondent pas seulement, comme dans ton exemple, à des notions de mise en page. Ainsi, <code><header></code> ne correspond pas seulement à <code><div id="entete"></code> mais aussi à <code><div class="cartouche"></code> et que l'on peut le trouver au sein d'une section ou d'un article.</p> <p>La distinction entre <code><section></code> et <code><article></code> est subtile. C'est pourquoi le schémas me plonge dans la perplexité : <code><div id="content"></code> ne peut-il pas être remplacé également par une <code><section></code> ?</p> Éléments HTML 5 de structure 2009-07-15T21:12:20Z http://romy.tetue.net/elements-html-5-de-structure#forum1401 2009-07-15T21:12:20Z <p>Quel serait le doctype à utiliser à ton avis si l'on souhaite insérer des éléments html 5 dans une page web ? J'imagine que les outils de validation automatique s'en scandaliseraient aussi ?</p>