5 HTML-тегов, о которых мало кто знает
Перевод статьи «5 HTML Tags That Almost Nobody Knows».
Представляем подборку HTML-тегов, которыми довольно редко пользуются разработчики (и, возможно, зря).
<mark>
<mark> — тег, используемый для выделения части текста. Этот тег поддерживает все глобальные атрибуты HTML. По умолчанию выделенный текст имеет черный шрифт на желтом фоне.
in this paragraph, there is a text
Можно изменить цвет выделения:
<mark style="background-color:green">highlighted</mark>
<address>
<address> — тег, отображающий контактную информацию вроде email-адреса и номера телефона автора документа или статьи. Поддерживает все глобальные атрибуты HTML.
<a href="https://t.me/AyaBouchiha"> Aya Bouchiha </a>
<a href="mailto:developer.aya.b@gmail.com">
<a href="tel:+212632772265">+212632772265 </a>
<noscript>
Тег <noscript> может находиться внутри тегов <head> или <body>. Он отображает альтернативный HTML-контент, если тип скрипта не поддерживается или если в браузере вообще отключен запуск скриптов. Вне этих условий тег не отображает альтернативный HTML.
Но нужно быть осторожным: <noscript> порой влияет на SEO из-за того, что в нем повторяются все предложения вашего сайта. О решении этой проблемы и подробности можно почитать здесь.
alert("javascript is supported in your browser :)");
<noscript> Javascript is not supported in your browser :( </noscript>
<time>
Тег <time> представляет определенный промежуток времени. Он может иметь атрибут datetime для перевода дат в машиночитаемый формат (это хорошо для поисковиков и для пользовательских функций, таких как «напоминалки»). Поддерживает все глобальные HTML- атрибуты.
The next meeting will be held on
<var>
Тег <var> служит для обозначения математических переменных, таких как x и y. По умолчанию содержимое тега имеет курсивное начертание. Тег поддерживает все глобальные HTML- атрибуты.
<p>Ex:1 solve this equation:</p>
<var>4x</var> + <var>2y</var> = 12
Итоги
Мы рассмотрели пять HTML-тегов, которые довольно редко используются:
<mark>— для выделения фрагментов текста<address>— для вывода контактной информации<noscript>— для отображения альтернативного HTML-контента на случай, если браузер не поддерживает скрипты<time>— для представления определенного временного периода<var>— для обозначения математических переменных вродеxиy.