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

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

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

1. Карта изображений

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

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

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

2. Введите предложения

использование предоставить список соответствующих предложений, которые появляются при вводе значения ввода.

3. Выделите текст

Выделенный текст обычно имеет темный цвет текста на светлом фоне. Вы можете добиться этого выделенного текстового эффекта только с разметкой. Любой текст, заключенный внутри будет иметь такой эффект.

Вы можете настроить выделить цвет с фоновый цвет CSS свойство и цвет текста с цвет имущество.

4. Определите шаблоны

Вместе с HTML5 появился новый