La etiqueta <link> se utiliza en HTML para vincular recursos externos a un documento HTML. Estos recursos pueden ser hojas de estilo CSS, iconos de página (favicons) u otros tipos de archivos.

Atributos clave:

rel: Este atributo define la relación entre el documento HTML actual y el recurso vinculado. Los valores comunes incluyen:
- stylesheet: Indica que el recurso vinculado es una hoja de estilo CSS.
- icon: Indica que el recurso vinculado es un icono de página.
href: Este atributo especifica la ubicación (URL) del recurso vinculado.
type: Este atributo define el tipo de contenido del recurso vinculado. Por ejemplo, text/css para hojas de estilo CSS.

Relación con CSS

La etiqueta <link> es fundamental para incluir hojas de estilo CSS en un documento HTML. Al establecer rel=”stylesheet”, le indicamos al navegador que el archivo vinculado contiene reglas CSS que deben aplicarse al contenido del documento.

Ejemplo:

HTML

<head>

    <link rel="stylesheet" href="estilos.css" type="text/css">

</head>

En este ejemplo, el navegador cargará el archivo estilos.css y aplicará sus reglas CSS al documento HTML.

Scripts

Aunque la etiqueta <link> se utiliza principalmente para vincular hojas de estilo CSS, no se utiliza directamente para vincular archivos JavaScript. Para vincular archivos JavaScript, se utiliza la etiqueta <script>.

La etiqueta <script>

La etiqueta <script> se utiliza para incluir scripts (generalmente JavaScript) en un documento HTML.

Atributos clave:

src: Este atributo especifica la ubicación (URL) del archivo de script externo.
type: Este atributo define el tipo de script. Para JavaScript, el valor suele ser text/javascript o simplemente se puede omitir ya que es el valor por defecto.

Ejemplo:

HTML

<head>

    <script src="script.js" type="text/javascript"></script>

</head>

En este ejemplo, el navegador cargará el archivo script.js y ejecutará el código JavaScript que contiene.

Diferencias clave:

<link>: Se utiliza para vincular recursos como hojas de estilo CSS.
<script>: Se utiliza para incluir scripts JavaScript.

Etiqueta link y etiqueta script

Scripts