La portée à l'intérieur de l'ancrage ou l'ancrage à l'intérieur de la portée ou cela n'a pas d'importance ?

Question

Je veux faire mon nid span y a tags. Devrais-je

1. Mettez <span> à l'intérieur de <a>
2. Mettez <a> à l'intérieur de <span>
3. Cela n'a pas d'importance ?

Answer 1

Cela dépend de la finalité de la travée. S'il fait référence au texte du lien, et non au fait qu'il s'agit d'un lien, choisissez #1. Si le span fait référence au lien dans son ensemble, choisissez le n°2. À moins que vous n'expliquiez ce que représente le span, il n'y a pas beaucoup plus de réponse que cela. Ce sont tous deux des éléments en ligne, qui peuvent être syntaxiquement imbriqués dans n'importe quel ordre.

Answer 2

Cela peut être important si, par exemple, vous utilisez une sorte de police d'icônes. Je viens d'avoir ce problème avec :

<span class="fa fa-print fa-3x"><a href="some_link"></a></span>

Normalement, je devrais mettre le span à l'intérieur du A mais le style ne prenait pas effet jusqu'à ce que je l'intervertisse.

Answer 3

Personnellement, en tant que développeur web, je ne place un span dans une balise d'ancrage que si j'essaie de mettre en évidence une section du texte du lien, par exemple en appliquant un arrière-plan à une section.

Answer 4

Cela fonctionnera dans les deux cas, mais personnellement je préférerais l'option 2 pour que la portée soit "autour" du lien.

Answer 5

D'un point de vue sémantique, je pense que cela a plus de sens car c'est un conteneur pour un seul élément et si vous devez les imbriquer, cela suggère que plus d'un élément sera à l'intérieur de l'élément extérieur.