<u>
- 25 января 2023
Что делает тег
Тег <u>
используется для подчёркивания текста. Обычно тег применяется для выделения ключевых слов, названий и другой важной информации.
Синтаксис тега <u>
<u>Текст, который нужно выделить</u>
Спецификация HTML
Тег является частью спецификации HTML Living Standard.
Семантический или нет
Тег <u>
не считается семантическим, так как не придаёт никакого конкретного значения содержимому.
Примеры использования
Выделение ключевых слов:
<p>В этом тексте мы будем использовать термины <u>HTML</u>, <u>CSS</u> и <u>JavaScript</u>.</p>
Выделение важной информации:
<p>Пожалуйста, заполните все поля в форме, отмеченные <u>*</u>.</p>
Выделение имени автора:
<p>Книга <u>Джона Смита</u> быстро стала бестселлером.</p>
Выделение названия фильма:
<p>На этой неделе в кино выходит новый фильм <u>«Великий Кексби»</u>.</p>
Подчёркивание важного слова:
<p>В этом предложении самое важное слово — <u>любовь</u>.</p>
Для чего использовать тег <u>
- Чтобы выделить важные слова в тексте.
- Чтобы подчеркнуть ошибки.
- Чтобы подчеркнуть активные элементы интерфейса.
- Чтобы показать информацию, которую пользователь может выделить или изменить.
Атрибуты тега <u>
У тега <u>
нет специфических атрибутов.
Глобальные атрибуты
Тег поддерживает все глобальные атрибуты HTML.
Ограничения
Тег <u>
не должен использоваться для выделения текста с другими целями.
Нюансы
- Использование тега
<u>
может вводить пользователей в заблуждение, так как подчёркнутый текст ассоциируется со ссылками. - В HTML5 тег
<u>
не рекомендуется использовать — лучше создавать подчёркивание с помощью CSS-стилей.
Поддержка браузерами
Тег <u>
поддерживается всеми современными браузерами.
Актуальная информация — на caniuse.
Альтернативные теги
- Тег
<em>
— выделяет текст курсивом и подчёркивает смысловую значимость. - Теги <b> и <mark> — выделяют ключевые слова или фразы.
- Тег
<cite>
— обозначает цитаты. - Тег
<i>
— выделяет иностранные слова и термины. - Тег
<span>
с CSS свойствомtext-decoration: underline
— для стилизации другого текста.
Чем заменить тег
- Если вы хотите выделить текст, можете использовать один из вышеперечисленных тегов.
- Если вы хотите стилизовать подчёркивание, используйте CSS-стили, например, свойство
text-decoration
.
Актуальность
Тег <u>
не устарел, однако вместо него рекомендуется использовать CSS-стили.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023