sirve - html title attribute style
<link> vs<a>: ¿cuándo usar uno sobre el otro? (3)
Los atributos no son lo mismo que la etiqueta en la que se encuentran.
<link />
es un elemento vacío , es decir, no puede tener nada dentro. Todo lo que hace es especificar una relación con otro documento. Además, la etiqueta <link>
solo se usa en la sección <head>
.
<a></a>
por otro lado, no es un elemento vacío y especifica un objeto que se creará en la página, como un enlace o imagen clicable, que lleva al usuario a otra ubicación. Esta etiqueta solo se usa en la sección <body>
.
Entonces, aunque las etiquetas pueden tener los mismos atributos, eso no significa que hagan lo mismo.
Tengo cierta confusión entre <link>
y <a>
.
Sé que para agregar CSS a un documento HTML usamos la etiqueta <link>
, por ejemplo:
<link type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css" />
Pero no puedo entender por qué no usamos una etiqueta de anclaje <a>
(ya que contiene los mismos atributos necesarios), algo así como:
<a type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css" />
¿Son estas dos etiquetas intercambiables? Además, si esto es posible, ¿cómo elegimos uno sobre el otro y por qué?
Actualizar:
Tengo esa confusión, porque vi en el libro The Complete Reference HTML & CSS sobre el atributo rel
de la etiqueta <a>
, que:
rel : para los anclajes que contienen el atributo
href
, este atributo especifica la relación del objeto de destino con el objeto de enlace.
Así que pensé que podría hacer la misma función que la etiqueta <link>
.
No puede usar una etiqueta A para agregar css a un documento HTML porque está destinado a crear hipervínculos que se pueden hacer clic entre documentos.
Pero si desea crear un enlace que permita a los usuarios descargar archivos css, puede hacerlo
<a type="text/css" rel="stylesheet" href="/spinner/styles.css?ln=css">Download css</a>
Yup Jon tiene razón,
Una adición más a su respuesta es,
Cualquier cosa en <a>insideanchortag</a>
es visible para el usuario final
Pero no puede ver los datos de <link />
en la vista del usuario final, solo visibles en el elemento de inspección.