10 интересных вещей, которые могут сделать теги HTML

В настоящее время W3C стандартизирует 142 HTML-элемента, за исключением тех, которые находятся на начальных этапах стандартизации, и тех, которые устарели. Тем не менее, можно пропустить или забыть несколько из них, которые могут быть полезны при необходимости.

Ранее мы делали обзор некоторых из лучших трюков CSS, которые вы, возможно, пропустили. Этот пост напомнит вам некоторые теги HTML, которые вы не знали, что могли бы использовать для реализации таких функций, как:
1. Карта изображений
HTML

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

элементы могут быть использованы для создания карт изображений. Карты изображений – это в основном изображения с кликабельными областями на них, которые могут быть связаны с другой веб-страницей или другими частями того же документа. Вы можете определить, какие области изображения можно нажимать, просто упомянув соответствующие координаты X Y этих точек в

элементы, вложенные внутрь

,

Примечание. Для интерактивных областей нельзя создавать стили с помощью CSS, поэтому, если вы хотите, чтобы эти маркеры были стилизованы, используйте простое программное обеспечение для редактирования изображений, чтобы нарисовать маркеры.

Совет: если вы хотите узнать координаты точки на изображении, откройте изображение в программном обеспечении для редактирования изображений и переместите курсор в эту точку, вы сможете увидеть его координаты в самом программном обеспечении. Для GIMP это показано на левой стороне нижней панели.

Увидеть перо PqZNzG Прети (@rpsthecoder) на CodePen,
2. Введите предложения
использование предоставить список соответствующих предложений, которые появляются при вводе значения ввода.

Увидеть перо MwKybG Прети (@rpsthecoder) на CodePen,
3. Выделите текст
Выделенный текст обычно имеет темный цвет текста на светлом фоне. Вы можете добиться этого выделенного текстового эффекта только с разметкой. Любой текст, заключенный внутри будет иметь такой эффект.

Вы можете настроить цвет подсветки с помощью CSS-свойства background-color: и цвет текста со свойством color.

Увидеть перо XbXdMy Прети (@rpsthecoder) на CodePen,
4. Определите шаблоны
Наряду с HTML5 пришли новые