28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je me trouve à vouloir imbriquer plusieurs balises mais hésite sur l'ordre sémantiquement correct à respecter.

Qui saurait m'éclairer sur les différences entre ces différentes propositions :
<a><hn>titre</hn></a>
et 
<hn><a>titre</a></hn>


Dans le premier cas, un contenur bloc dans un inline, l'inverse dans le second cas.

Y a-t-il de façon générale contre indication de placer un bloc dans un inline ?

Merci et bonne soirée
Modifié par Philos (24 Oct 2007 - 21:19)
Bonsoir,

pour voir les différentes imbrications possibles, il suffit de regarder la DTD choisie. Supposons qu'on a choisi une xHTML 1.0 Strict, pour l'élément a on a :

<!-- content is %Inline; except that anchors shouldn't be nested -->

<!ELEMENT a %a.content;>


Cette balise peut donc contenir des balises inline (sauf a) et du texte.

Pour hn on a :

<!ELEMENT hn  %Inline;>


L'élément hn peut donc contenir uniquement des balises inline et du texte.

Le premier code de ton exemple est donc invalide, inaccessible et sujet à différents comportements de la part des agents utilisateurs.

Le second est valide et n'aura pas de problème au niveau accessibilité/compatibilité.
Modifié par JyuniX (24 Oct 2007 - 19:41)