<a> <p/> </ a> no válidos, pero a> span (display: bloque) válida?

Im no supone colocar un elemento en bloque dentro de un elemento en línea, pero no puedo configurar la pantalla de un elemento en línea anidado dentro de otro elemento en línea para bloquear.

Por ejemplo, esto sería válido y que los navegadores de torcerse.



Sin embargo, esto parece estar perfectamente bien.



¿Por qué es eso?
¿Qué me estoy perdiendo?

<p> elemento es un bloque, mientras que <span> y <a> son elementos en línea. Elementos en línea se pueden anidar dentro de cada bloque y en otros elementos, pero los elementos de bloque no se pueden anidar dentro de elementos en línea.

editar: didnt ver la parte sobre el espacio que muestra como un bloque. Extraño.

No creo que el problema es realmente un elemento que su nivel de bloque. Sus más que los navegadores utilizan elementos a nivel de bloque para determinar qué es el diseño de lo que es el contenido. De los navegadores tienen dificultades para comprender dónde están los límites de los objetos, haga clic en poder ampliar en el orden de apilamiento si el contenido de un ancla no está en línea (es decir, diseño). Supongo que esto es un retroceso desde los primeros días cuando la gente no tenía vínculos con otra cosa que el texto. Especie de la misma manera que IE6 no entiende li: hover.

Coincidentemente este podría ser un mecanismo de seguridad, así que el navegador que tendría un tiempo muy duro con algo como

En un caso como el que soy bastante seguro de que la mayoría de los navegadores se freakout y quién sabe qué elemento recibirá un clic

Mi instinto me dice que su permitiendo la declaración de bloqueo en la CSS desde un navegador sí sabe qué hacer con un <a> sin depender de la CSS para más información fuera de estilo el contenido. Lo CSS es una solución muy buena para cuando se necesita un gran bloque de contenido que se puede hacer clic sin embargo.