<a> <p/> </ a> valide, mais a> span (display: block) est-il valable?

Im pas censé de placer un élément de type bloc au sein d'un élément en ligne, mais je ne peux régler l'affichage d'un élément en ligne imbriqué dans un autre élément en ligne à bloquer.

Par exemple ce serait nulle, et rendre les navigateurs ne veulent plus rien.



Toutefois cela semble être parfaitement bien.



Why is that?
What am I missing?

<p> est un élément bloc, tandis que <span> et <a> sont les éléments en ligne. Inline éléments peuvent être imbriquées à l'intérieur de chaque bloc et dans les autres éléments, mais bloquer les éléments ne peuvent pas être imbriqués dans les éléments en ligne.

edit: Didnt voir la partie sur l'affichage de la portée comme un bloc. Étrange.

Je ne pense pas que le vrai problème est que c'est un élément de type bloc. Ses plus que les navigateurs utilisent les éléments du bloc niveau pour déterminer ce qui est aménagement de ce qui est contenu. Navigateurs ont du mal à comprendre où sont les frontières de cliquer objets pouvant s'étendre dans l'ordre d'empilement si le contenu d'une ancre n'est pas en ligne (donc pas de disposition). Je suppose que cela est une survivance des premiers jours où les gens ne font pas de liens avec autre chose que du texte. Sort de la même manière que IE6 ne comprend pas li: hover.

Par coïncidence cela pourrait être un mécanisme de sécurité aussi bien depuis votre navigateur aurait une période très difficile avec quelque chose comme

Dans un cas comme Im pratiquement sûr que la plupart des navigateurs serait Freakout et qui sait quel élément recevrait un clic

mon ventre me dit que sa déclaration permettant à la catégorie dans le CSS depuis un navigateur sait intrinsèquement que faire avec une <a> sans s'appuyer sur les CSS pour plus d'informations en dehors de style du contenu. La chose la CSS est une solution de contournement vraiment agréable quand vous avez besoin d'un gros bloc de contenu qui sera cliquable though.