Атрибут as указывает тип содержимого, которое загружается через элемент <link>. Используется в сочетании с атрибутом rel со значением preload или modulepreload для определения отношений между внешним ресурсом, на который ссылается <link>, и текущим документом.
Синтаксис
<link rel="preload" as="<тип>">
<link rel="modulepreload" as="<тип>">
Значения
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>as</title>
<link rel="preload" as="image"
href="image/mushroom.jpg"
imagesrcset="image/mushroom.jpg 600w, image/mushroom_retina.jpg 1200w"
imagesizes="100vw">
<style>
body {
margin: 0; /* Убираем поля */
}
img {
max-width: 100%; /* Максимальная ширина изображений */
}
</style>
</head>
<body>
<img src="image/mushroom.jpg" alt="Сыроежка"
srcset="image/mushroom.jpg 600w, image/mushroom_retina.jpg 1200w"
sizes="100vw">
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.