Перейти к содержимому

HTML-тег <u>

В HTML 4.01 элемент <u> использовался для выделения текста подчёркиванием. Однако использование HTML исключительно для стилистических эффектов больше не считается хорошей практикой. Вместо этого HTML следует использовать для добавления структуры и семантического смысла.

В HTML5 элемент <u> был переопределён с конкретным семантическим значением. Он представляет собой фрагмент текста, который стилистически отличается от обычного текста, например, слова с орфографическими ошибками или китайские имена собственные.

Тег <u> определяет фрагмент текста с аннотацией, которая не имеет чётко определённого семантического значения, но точно отображается визуально. Это означает, что веб-разработчик и браузер могут выбрать способ отображения этой аннотации. По умолчанию браузеры обычно отображают текст внутри тегов <u> подчёркнутым, но это визуальное оформление можно переопределить с помощью CSS.

DANGER

Не используйте элемент <u> исключительно для визуального подчёркивания. В HTML5 он имеет конкретное семантическое значение. Для чисто стилистического подчёркивания используйте CSS text-decoration свойство, установленное в underline.

В некоторых случаях рассмотрите возможность использования других элементов, таких как:

  • <em> для смыслового ударения,
  • <b> для привлечения внимания к тексту,
  • <cite> для названий книг,
  • <i> для технических терминов,
  • <mark> для выделения фраз или ключевых слов,
  • <strong> для указания текста с высокой важностью.

Если вы хотите добавить текстовые аннотации, используйте тег <ruby>.

Синтаксис

Элемент <u> используется парами. Содержимое записывается между открывающим (<u>) и закрывающим (</u>) тегами.

Пример использования HTML-тега <u>:

Пример использования HTML-тега <u> | W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>The title of the document</title>
  </head>
  <body>
    <p>Here we used <u>the &lt;u&gt; element</u>.</p>
  </body>
</html>

Результат

u tag example

Пример использования свойства CSS text-decoration:

Пример использования HTML-тега <u> | Свойство text-decoration | W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>The title of the document.</title>
    <style>
      span {
        text-decoration: underline;
      }
    </style>
  </head>
  <body>
    <p>Here we used <span> CSS property text-decoration:underline</span>.</p>
  </body>
</html>

Атрибуты

Тег <u> поддерживает все глобальные атрибуты и атрибуты событий.

Практика

Какова функция HTML-тега <u>?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.