Duplicar posible:
Which is more correct: <h1><a>..</a></h1> OR <a><h1>..</h1></a>
Semantically, which is more correct: a in h2, or h2 in a?Encabezado dentro de enlace o enlace dentro de encabezado en formato HTML?
Ésta es una pregunta simple de HTML. ¿Cuál es la forma correcta/más preferible de poner un enlace en un encabezado, párrafo u otro elemento HTML?
esta manera:
<h2><a href="">Some Title</a></h2>
O esta manera:
<a href=""><h2>Some Title</h2></a>
Mejor es
<h2><a href="">Some Title</a></h2>
porque es h elemento con el bloque de visualización y no es una buena práctica tener en blocka elemento.
Yo prefiero la segunda:
<a href=""><h2>Some Title</h2></a>
porque usted tiene más control, por ejemplo, si quieres hacer algo ing así:
<a href=""><h2>Some Title</h2> <h1>biggest</h1></a>
Para tener en cuenta: No puede poner el encabezado dentro del enlace en HTML4.
En HTML5, depende del efecto y el significado semántico que está buscando. Al poner el encabezado completo dentro del enlace, el área en la que se puede hacer clic abarca todo el ancho, mientras que poner el enlace dentro del encabezado hará que solo se pueda hacer clic en el texto. He usado ambas versiones antes, pero depende completamente de dónde estoy poniendo el encabezado.
Ambos funcionan bien.
Puede verificarlo usted mismo en http://validator.w3.org/ si lo desea.
<h1><a href="#">text here</a></h1>
es correcto, ya que HTML no permite un elemento de bloque() dentro de un elemento en línea() (src). su segundo ejemplo fallará la validación.
Generalmente, los elementos a nivel de bloque pueden contener elementos en línea y otros elementos a nivel de bloque. En general, los elementos en línea pueden contener solo datos y otros elementos en línea. Inherente a esta distinción estructural está la idea de que los elementos de bloque crean estructuras "más grandes" que los elementos en línea.
simplemente copié esto desde otra pregunta ...
punto de vista técnico, es un <a>-elemento en línea, y <h2> es un elemento en bloque, por lo que:
<h2><a href="">Some Title</a></h2>
es el orden correcto de anidamiento .
Dicho esto, el navegador en general ignorará el anidamiento incorrecto de esa manera y le permitirá hacerlo de la manera que desee.
Yo, no me gusta el destino tentador cuando se trata de un navegador que elige ejecutar mi página en el modo Cumplimiento de normas o en el modo Quirks, así que elegiré el anidamiento correcto.