Вкладывание тэгов

Всем знаком сайт Can I use(caniuse.com), где можно проверить какая поддержка CSS свойств браузерами.

Еще один не менее полезный ресурс Can I include, где можно проверить, можно ли вкладывать какой-то определенный тэг в другой.

Очень важно, чтобы разметка сайта была валидна!
Поэтому, если есть сомнения, проверьте на данном сайте.

Ссылка на сайт

#html

fetchpriority - HTML атрибут, который позволяет определить приоритет загрузки различных ресурсов. Его можно использовать с тэгами link, img, script и iframe. 

Данный атрибут помогает улучшить производительность сайта, а в частности показатель LCP(Largest Contenful Paint). Основным содержимым для LCP обычно является самый крупный элемент. Этим элементом может быть изображение, видео или просто большой блок текста. И как долго загружается этот контент, влияет на LCP.

Подробно об атрибуте fetchpriority и как его использовать для оптимизации читайте в статье.

Ссылка на статью

#html

<template>

Как часто вы используете тэг <template> в работе?

Элемент <template> предназначен для хранения разметки, невидимой и предназначенной для вставки куда-либо.

Его отличие от обычных тегов в том, что его содержимое обрабатывается особым образом. Оно не только скрыто, но и считается находящимся вообще «вне документа». А при вставке автоматически «оживает», выполняются из него скрипты, начинает проигрываться видео и другое.

Подробнее о его преимуществах и случаях использования читайте в статье.

Ссылка на статью

#html

HTML-элементы, которые никто не использует

В HTML существует масса полезных тэгов, но при этом редко используемых.

Например, <datalist> позволяет добавлять список предложенных вариантов для автозаполнения у элементов ввода. 

Полный список читайте в статье!

Ссылка на статью

#html