style sirve que para link etiqueta attribute html hyperlink anchor stylesheet-link-tag

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.