html - sub - loving vincent trailer
<strong><a> o<a><strong>? (7)
Depende si quieres cambiar el contenido del enlace más tarde con javascript. Poner el fuerte alrededor del a asegurará que el nuevo contenido se muestre fuerte también.
¿Cuál es la mejor práctica al anidar etiquetas en línea y de anclaje?
<strong><a href="">link</a></strong> o <a href=""><strong>link</strong></a>
Sorprendentemente, no encontré la respuesta aquí ni busqué en Google.
En igualdad de condiciones, el <strong><a href="">link</a></strong> es un poco mejor, ya que el marcado más interno es para un enlace y esto ayuda a mantener la coherencia del aspecto del enlace. Algún día, alguien podría querer establecer un color para textos fuertemente enfatizados, es decir, para <strong> elementos. Una simple asignación de color no afectaría el color de los enlaces fuertemente enfatizados, permitiendo que prevalezcan los colores de los enlaces, y cosas como diferentes colores para los enlaces visitados, no visitados, suspendidos y activos pueden ser esenciales para la usabilidad.
Pero si los anida al revés, solo necesita ser más cuidadoso en el diseño.
Hay una diferencia, por ejemplo, si su hoja de estilo define:
a {
font-weight: normal;
}
Si coloca <a> dentro del elemento <strong> , el enlace no estará en negrita, si coloca las etiquetas <strong> dentro del <a> lo hará. En mi opinión, <strong> debería estar dentro de <a> .
EDITAR: Tenga en cuenta que no estoy aconsejando a nadie que haga esto, solo estoy señalando que hay casos en los que el orden de las etiquetas hace una diferencia visible. Como Mihalis Bagos señaló; Creo que será mejor omitir la etiqueta <strong> si todo el enlace estará en negrita.
La respuesta es, o bien está bien, realmente ya que son elementos en línea.
Sin embargo, si desea hacer que el contenido del ancla completa sea negrita, lo haría afuera; esto es más una cuestión de alcance: estoy dejando en claro que quiero que los niños de este elemento sean audaces.
Me gustaría poner etiquetas fuertes dentro del enlace solo cuando quería envalentonar una parte del enlace (quizás haga clic aquí ), por ejemplo.
Mi interpretación del estándar HTML 2 es que <a><strong></strong></a> sería correcto:
5.7. Marca de frase
Las frases pueden marcarse de acuerdo con el uso idiomático, la apariencia tipográfica o para usar como anclajes de hipervínculo .
Ninguna es correcta.
Si solo se trata de diseñar toda la etiqueta <a> en negrita, hágalo usando CSS y deje la etiqueta <strong> donde tendría un significado semántico significativo.
<a> etiquetas <a> tienen un significado específico y el simple hecho de rechazarlas no cambiará ese significado.
desde el punto de vista de SEO, ambos son malos, la forma correcta es:
<a href="">in a relevant phrase a <strong>relevant</strong>link</a>