Освоить HTML относительно легко, обычно будущие веб-разработчики начинают обучение именно с него. Стандартные атрибуты — дело понятное и знакомое, поэтому мы поделимся чуть более редкими.
Некоторые браузеры не поддерживают отдельные атрибуты: чтобы уточнить наверняка, советуем заглянуть на CanIUse.
📌loading=”lazy”
Используйте loading=”lazy”, чтобы отложить загрузку изображения до тех пор, пока пользователь до него не домотает.
<img src=”image.jpg” loading=”lazy” alt=”Alternative Text”>
📌start
Используйте start, чтобы изменить точку отсчёта в упорядоченных списках. В примере ниже отсчёт начнётся с двенадцати.
<ol start=”12”>
<li>Репка</li>
<li>Дедка</li>
<li>Бабка</li>
</ol>
📌poster
Используйте poster, чтобы установить обложку для видео. Она будет отображаться во время загрузки или пока пользователь не нажмёт кнопку воспроизведения.
<video poster="path/to/image">
Знали их все? На ваш взгляд, о каких интересных атрибутах вспоминают незаслуженно редко?😉