Ce qui n’est pas dans les spécs’

Quand on code de l’HTML, on se rend compte que certaines choses ne sont pas écrites dans les normes et qu’on doit donc s’en remettre à nous-mêmes. Je les ai notés quand j’y pensais puis j’ai extrapolé sur d’autres choses qui ne sont pas dans les normes. Voici le résultat.

Attention, je ne dis nullement que telle ou telle chose doit être signalée dans les normes. Il s’agit juste de constats. En vérité, actuellement, aucun des points que je soulève ne m’a posé problème. C’est juste que j’aime bien le rangement.

À chaque fois, le premier exemple signale le choix que j’ai fait, les autres étant des alternatives tout aussi bonnes.

Ce qui n’est pas défini dans les normes
Élément Description Exemple
Ordre des attributs href, hreflang, xml:lang, title <a href="#" hreflang="xx" xml:lang="xx" title=""> OU
<a href="#" title="">" hreflang="xx" xml:lang="xx"
Mentions commerciales ®, ©, ™ Dynamic Ribbon® OU
Dynamic Ribbon®
Conflit particule/appartenance Problème sémantique pas abordé par l’HTML. En plus, les noms de rue sont en majuscule. Rue du ’’Sommerard’’
OU
rue ’’du Sommerard’’

Dans le cas de la rue du Sommerard, seul le contexte permet de savoir qu’il s’agit d’Alexandre du Sommerard et non d’un objet appelé un sommerard (tout est en majuscule, rappellons-le) ou bien d’un fleuve qui s’appellerais le Sommerard (rue du Rhône).

flattr this!

  • <p>Salut,<br />petite erreur dans le code de ton billet :</p>
    <p><code>
    <p>&Agrave; chaque fois, le premier exemple signale le choix que j&rsquo;ai fait, les autres &eacute;tant des alternatives tout aussi bonnes.</p>
    <ul>
    <table summary="trois colonnes : &eacute;l&eacute;ment, description, et exemple. Il y a trois &eacute;l&eacute;ment pour le moment"></code></p>
    <p>Il faut enlever le ul, le reste de la page en est affect&eacute;e.</p>
    <p>Et pour ton exemple :</p>
    <p><code><a href="#" title=""> hreflang="xx" xml:lang="xx"</code></p>
    <p>la balise n’est pas ferm&eacute;e au bon endroit.</p>
    <p>Question : <code>xml:lang</code> c’est quoi par rapport &agrave; <code>hreflang</code>?</p>
    <p>Fred</p>

  • Oui, c’est vraiment dommage que ça ne marche pas. Je pourrais éditer pour corriger mais je ne préfère pas : on enseigne davantage (aux autres) en mettant nos erreurs en ligne.

    Il faudrait qu’il y ait une option “as if” qui accepte les messages formattés.

    Félicitations pour avoir (tr?s bien) utilisé summary, trop rarement utilisé. En revanche, tu avais fermé avec un <code> qui n’a rien à y faire.

  • Euh? les <code> balancent, et c’était pour citer ton code? Il faut utiliser cette balise plutôt que <pre>. J’ai fait mes devoirs ;-)

    Remarque qu’il y a aussi <var> et <samp> qui peuvent être utilisés selon le cas précis.

  • Tu avais oublié de fermer le tableau, alors. Et il fallait échapper les balises dans le code (sinon, c’est interprété. Je ne sais pas si c’est censé l’être cependant).

    La valeur CSS par défaut de code est-elle <whitespace:pre>?

    Extraits de mes CSS (pas celles d’Empyrée blog, mais celles d’Empyrée web) :

    couleurs-pourpre.css 	samp:before	{color:green} 	code, pre	{color:#005020} media.css 	code, pre, var	{font-family:Monaco,"Courier New",Courier,monospace} 	samp:before	{ 		content:"[Exemple] " 		display:marker; 		font-weight:700 	} 	var	{ 	font-style:normal 	} 	var:before	{ 		content:"< "; 		display:marker 	} 	var:after	{ 		content:">"; 		display:marker 	}

    Et applications pratiques :

    Au cas où tu te poserais la question : si ce commentaire est si complexe, c’est que je l’ai réédité à plusieurs reprises ;-)

  • Manuel de style

    Des liens discrets Il est important que les hyperliens ne cassent pas le reste de la phrase. Au contraire, ils doivent s’inscrire dans la phrase, se faire discrets. Ne dit-on pas que les meilleurs outils sont ceux que l’on oublie ? Pour éviter…