Eric Range escribió con esta idea de publicación de blog. ¿Es mejor envolver una etiqueta de encabezado en un enlace ancla o al revés? Asumiendo HTML5, ambos son completamente válidos.
Enlace en el encabezado:
<h1>
<a href="https://css-tricks.com/link-header-header-link/#">
Ten Ways to Have Yourself a Merry Little Christmas
</a>
</h1>Encabezado en enlace:
<a href="https://css-tricks.com/link-header-header-link/#">
<h1>
Ten Ways to Have Yourself a Merry Little Christmas
</h1>
</a>Entonces, ¿por cuál vas? Yo diría que depende.
Área en la que se puede hacer clic
De forma predeterminada, la etiqueta de anclaje es un elemento en línea y el encabezado es un bloque. Entonces, sin alterar eso con CSS, el área en la que se puede hacer clic para h1 > a es el área de color rojo claro aquí:
contra el a > h1 enfoque en el que se puede hacer clic en el encabezado del nivel de bloque.
CSS también podría hacer fácilmente el enlace en el nivel de bloque del ejemplo superior, pero este sería el valor predeterminado normal.
Podrías pensar “¡Más área en la que se puede hacer clic! ¡Eso es bueno!”, lo cual es legítimo, pero afecta esto:
Amabilidad de selección de texto
Qué tan importante es esto, te dejaré decidir. Pero soy un selector “desde abajo a la derecha” y siempre odio los enlaces de nivel de bloque por esta razón:
Rareza de diseño
Puedes observar esto y asegurarte de tenerlo en cuenta en CSS, pero hay un problema extraño si tomas el a > h1 enfoque donde el relleno en el enlace causaría una situación como esta:
Dos encabezados, un enlace
Si alguna vez necesitó un título y un subtítulo que esté vinculado (y no deseaba subtitular con intervalo secundario o algo así), el ancla envolvente podría ser agradable.
<a href="https://css-tricks.com/link-header-header-link/#">
<h1>Cheese is favorite holiday gift</h1>
<p class="subtitle">From a one-person survey held in central Wisconsin</p>
</a>Problemas de accesibilidad
No estoy seguro, tengo miedo. ¿Hay alguno?
¿Ganador?
tiendo a gustarme h1 > a y una encuesta informal muestra que la gran mayoría de la gente también lo hace.
Aún así, vale la pena pensarlo.