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

Поиск классных HTML- элементов, особенно если вы не знаете, что ищете, часто может быть затруднительным.

Прошерстив, казалось бы, бесконечную кучу HTML- элементов, нашлись несколько редко используемых жемчужин!

1. meter & progress

Элемент progress является семантически правильным способом отображения индикаторов выполнения.

Элемент meter - progress "на стероидах". Помимо отображения скалярного измерения в пределах известного диапазона, он позволяет указать нижний, верхний и оптимальный диапазоны значений.

2. sup & sub

Вы можете добавить в документ верхние индексы (например, x²) с помощью sup и нижние индексы (например, x₀) с помощью .sub.

3. datalist

datalist позволяет добавлять предложения автозаполнения к вашему input элементы.


 

ПРИМЕЧАНИЕ

1. Предложения НЕ ОГРАНИЧИВАЮТСЯ текстом inputs, но могут использоваться с цветом , датой , временем и даже диапазоном входных данных.

2. Стиль предложений по умолчанию , мягко говоря, неприятен . Но вы всегда можете стилизовать его с помощью CSS .

4. map & area

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



4. details & summary

details и summary используются для создания сворачиваемого контента без использования JavaScript. Это семантический метод создания раскрывающихся списков.



6. object

object позволяет вставлять широкий спектр файлов, таких как PDF-файлы, изображения, видео, аудио и даже видео с Youtube.



7. abbr

Элемент abbr позволяет добавлять в документ сокращения. Когда пользователь наводит курсор на аббревиатуру, отображается полная форма. Более того, программы чтения с экрана также можно настроить для считывания полной формы при встрече с аббревиатурой.



Перевод статьи: https://medium.com/@tapajyoti-bose/7-cool-html-elements-nobody-uses-436598d85668