link.as | Html

 

Descripción

El atributo as del elemento link es un atributo que indica el tipo de recurso que se está cargando mediante el elemento link. Este atributo es especialmente útil cuando se utiliza con las relaciones preload o modulepreload, ya que ayuda al navegador a priorizar y manejar correctamente los recursos.

Se utiliza para validar el tipo de recurso que se está cargando mediante el elemento link, asegurando que el navegador pueda manejar correctamente el recurso y optimizar su carga. Por ejemplo, si estamos precargando un archivo de estilo, deberíamos especificar as="style", o si es un script, usar as="script".

Los tipos que podemos encontrar en el atributo as son:

  • audio - Para cargar archivos de sonido y elementos de audio multimedia. Aplica al elemento audio.
  • document - Para cargar documentos HTML u otros tipos de documentos. Aplica a los elementos iframe y frame.
  • embed - Para recursos que se incrustarán en la página. Aplica al elemento embed.
  • fetch - Para recursos que se cargarán mediante solicitudes fetch.
  • font - Para archivos de fuentes tipográficas.
  • image - Para imágenes y recursos gráficos. Aplica a los elementos image y picture.
  • object - Para recursos que se cargarán como objetos embebidos. Para el elemento object.
  • script - Para archivos JavaScript y otros scripts. Para el elemento script.
  • style - Para hojas de estilo CSS.
  • track - Para archivos de subtítulos y pistas de texto. Para el elemento track.
  • video - Para archivos de video y contenido multimedia visual. Para el elemento video.
  • worker - Para scripts de Web Workers.

Sintaxis

<link as="tipo"/>

Elemento Padre

link

Ejemplo

Un ejemplo de uso del atributo as sería cuando queremos precargar una hoja de estilos CSS en nuestra página web:

<link rel="preload" href="estilos.css" as="style">

En este caso, estamos indicando explícitamente al navegador que el recurso que se está precargando es una hoja de estilos, lo que permite optimizar su carga y procesamiento.

Artículos

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.