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
yframe
. - 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
ypicture
. - 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
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
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.