html - una - ¿Se extiende dentro del ancla o anclaje dentro del tramo o no importa?
html5 ir a una parte de la pagina (10)
3 - No importa.
PERO, tiendo a usar solo un <span> dentro de un <a> si es solo para una parte del contenido de la etiqueta, es decir,
<a href="#">some <span class="red">text</span></a>
Más bien que:
<a href="#"><span class="red">some text</span></a>
Lo cual obviamente debería ser:
<a href="#" class="red">some text</a>
Quiero anidar span y a etiqueta. Debería
- Ponga
<span>adentro<a> - Pon
<a>dentro de<span> - No importa?
Depende de para qué sirve el tramo. Si se refiere al texto del enlace, y no al hecho de que es un enlace, elija # 1. Si el lapso se refiere al enlace como un todo, entonces elija # 2. A menos que expliques qué representa el tramo, no hay mucho más que una respuesta. Ambos son elementos en línea, pueden anidarse sintácticamente en cualquier orden.
Es perfectamente válido (al menos para los estándares HTML 4.01 y XHTML 1.0) anidar un <span> dentro de un <a> o un <a> dentro de un <span> .
Solo para demostrarlo, siempre puede verificarlo con el Servicio de Validación de MarkUp de W3C
Intenté validar:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Title</title>
</head>
<body>
<p>
<a href="http://www.google.com/"><span>Google</span></a>
</p>
</body>
</html>
Y también lo mismo que arriba, pero con el <a> dentro del <span>
es decir
<span><a href="http://www.google.com">Google</a></span>
con doctypes HTML 4.01 y XHTML 1.0, ¡y ambos pasaron la validación exitosamente!
Lo único que debe tener en cuenta es asegurarse de cerrar las etiquetas en el orden correcto. Entonces, si comienza con un <span> y un <a> , asegúrese de cerrar la etiqueta <a> primero antes de cerrar el <span> y viceversa.
Funcionará tanto, pero personalmente preferiría la opción 2 por lo que el lapso es "alrededor" del enlace.
No importa; ambos están permitidos dentro de la otra.
Personalmente, como desarrollador web, solo pongo un lapso dentro de una etiqueta delimitadora si intento resaltar una sección del texto de los enlaces, como aplicar un fondo a una sección.
Puede importar si, por ejemplo, está utilizando alguna fuente de icono de ordenación. Tenía esto ahora mismo con:
<span class="fa fa-print fa-3x"><a href="some_link"></a></span>
Normalmente pondría el tramo dentro de la A pero el diseño no estaba teniendo efecto hasta que lo cambiara.
SPAN es un contenedor genérico en línea. No importa si a a está dentro de span o span está dentro de a ya que ambos son elementos en línea. Siéntase libre de hacer lo que le parezca lógicamente correcto.
Semánticamente, creo que tiene más sentido ya que es un contenedor para un elemento único y si necesita anidarlos, eso sugiere que más de un elemento estará dentro del exterior.
eso depende de lo que quieras marcar.
- si quieres un enlace dentro de un lapso, pon
<a>dentro de<span>. - si quieres marcar algo en un enlace, coloca
<span>en<a>