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> браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Атрибуты
Глобальные атрибуты
Тег <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.
