HTML тег - u - определение и примеры использования
Меню
Веб-разработка
Тег u HTML

HTML - тег <u> представляет текст, который не артикулирован и отличается оформлением от обычного текста, например слова с ошибками или собственные имена в китайском языке.


Тег <u> - синтаксис и код

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

Пример разметки тегом <u> слова с ошибкой:

<p>Это текст с <u>Апечаткой</u>.</p>

Это текст с Апечаткой.


Определение и использование

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

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

В HTML5 элемент u имеет новое, семантическое значение и определяет текст, стилистически отличающийся от обычного текста, то есть слова или фрагменты текста, которые должны быть представлены иначе. Это могут быть слова с ошибками или собственные имена на китайском языке.

Рекомендация: тег <u> не следует использовать просто для подчеркивания текста. Для этой цели используйте свойство CSS text-decoration, для которого установлено значение "underline".
Примечание: избегайте использования элемента u там, где его можно спутать с гиперссылкой!

Поддержка <u> браузерами

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Глобальные атрибуты

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

Атрибуты событий

Тег <u> также поддерживает атрибуты событий в HTML


Дополнительные примеры

Используйте CSS для стилизации текста с ошибкой:

<html>
<head>
<style>
.spelling-error {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: red;
}
</style>
</head>
<body>
  
  <p>Это текст с <u class="spelling-error">Апечаткой</u>.</p>

</body>
</html>

Этот текст с Апечаткой.


Связанные страницы

Руководство по HTML: форматирование HTML текста


Настройки CSS по умолчанию

Большинство браузеров отображают элемент u со следующими значениями по умолчанию:

u {
  text-decoration: underline;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

 

Поделиться ссылкой