Une ancre dans la liste imbriquée est-elle invalide ou s'agit-il d'une erreur firebug?

StackOverflow https://stackoverflow.com/questions/601754

  •  03-07-2019
  •  | 
  •  

Question

Quel est le problème avec le code HTML suivant ou ai-je simplement une erreur Firebug? Lorsque je visualise le premier élément de la liste dans firebug, vous constaterez qu'il est difficile d'identifier correctement l'ancre. cependant, le deuxième élément de la liste (externe) ne pose pas de problème. Si je supprime la liste imbriquée du premier élément de la liste, le problème disparaît. De même, si je supprime la liste externe, le problème disparaît. Il semble donc que l’emplacement d’une ancre autour d’une liste imbriquée pose problème.

J'ai essayé de remplacer l'ancre par une div, et même une étendue, et firebug ne se plaint pas. Cela semble donc être spécifique à l'ancre. J'ai également essayé divers doctypes, sans succès. 

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  </head>
  <body>
    <ul>
      <li>
        <a href="http://whatever" style="display:block">
          <p>some text</p>
          <ul>
            <li>a list entry</li>
          </ul>
        </a>
      </li>
      <li>
        <a href="http://whatever">
           <p>more text</p>
        </a>
       </li>
    </ul>
  </body>
</html>
Était-ce utile?

La solution

L'élément a n'autorise que inline -level elements en tant qu’éléments enfants. Ainsi, l'élément p et l'élément ul n'y sont pas autorisés.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top