HTML: id и переменные
используем id HTML-элемента в JavaScript
Представляю один интересный и, возможно, малоизвестный факт: если у HTML-элемента есть атрибут id
, его значение можно использовать, как имя глобальной переменной, в JavaScript.
мир глазами веб-разработчика
используем id HTML-элемента в JavaScript
Представляю один интересный и, возможно, малоизвестный факт: если у HTML-элемента есть атрибут id
, его значение можно использовать, как имя глобальной переменной, в JavaScript.
улучшаем производительность с помощью ленивой загрузки
Добавив HTML-атрибут loading="lazy"
к изображению или фрейму, можно отложить загрузку контента, находящегося за пределами видимой области экрана, до тех пор пока пользователь не доскроллит страницу сайта до “ленивого” элемента. Такой подход позволяет значимо ускорить загрузку содержимного страницы, особенно в тех случаях, когда предлагаемая информация содержит множество картинок или фреймов.
организация дополнительной информации в HTML
HTML-элементы details
и summary
предназначены для создания любых сценариев, в которых необходимо скрывать и раскрывать информацию (например: FAQ).
машиночитаемое представление данных в HTML
HTML-элемент data
связывает машиночитаемое значение с его человекопонятным представлением. Это особенно полезно для добавления семантического значения к вашему контенту, например, для привязки идентификатора продукта к его отображаемому названию.
элемент вывода в HTML
HTML-элемент ouptput
нужен для вывода на экран результатов вычислений или действий пользователя. Это особенно полезно в формах, для визуализации возможностей обратной связи в режиме реального времени, полагаясь на данные, введенные пользователем.