Что делает тег

Тег <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.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<div>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<dl>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<option>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<ul>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023