[Résolu] L'élément html <address>

Bonsoir,

Je constate un bug d'affichage sur mes navigateurs de test (Chrome et Firefox) lorsque je tente d'insérer un élément <address> dans un <p> parent :

<p>
  <address>
    <a href="/page/person.html">Jeanne d'Arc</a>
  </address> aujourd'hui à <time datetime="2023-03-07 09:31:17">9h31</time>
</p>

Le code source est bien tel quel, mais les navigateurs produisent quelque chose d'assez différent dans leur inspecteur respectif :

<p></p>
<address>
  <a href="/page/person.html">Jeanne d'Arc</a>
</address> aujourd'hui à <time datetime="2023-03-07 09:31:17">9h31</time>

Vous voyez que la balise p a comme "éjectée" son contenu. Il en est malheureusement de même pour le rendu de la page web qui est visuellement impactée de la même manière.

Si je remplace address par un span je n'ai plus aucun soucis :

<p>
  <span>
    <a href="/page/person.html">Jeanne d'Arc</a>
  </span> aujourd'hui à <time datetime="2023-03-07 09:31:17">9h31</time>
</p>

Pourtant la possibilité de mettre address dans p est décrite par MDN : "Parents autorisés : tout élément qui accepte un contenu de flux... (lien)". Et de même, le code passe sans problème à la validation W3C. Ça me rend fou cette histoire...

PS : j'oubliais le Pen : CodePen
Modifié par Olivier C (07 Mar 2023 - 23:30)

Salut,

parsimonhi a écrit :

C'est le comportement normal.

+1 <address> est de type block. Moi même, j'aurais pu tomber dans le panneau (écrire comme tu l'as fait Olivier pensant que c'est du inline).

À une époque, je consultais une page similaire à celle-ci. Cependant, vu que maintenant le doctype est plutôt orienté html5, cette page est un peu moins intéressante. Mais...
Modifié par niuxe (08 Mar 2023 - 01:52)