Кратко
СкопированоТег <u>
предназначен для выделения фрагмента текста, который стилистически отличается от остального текста. Например, слова с орфографическими ошибками или имена в китайском языке (по правилам их принято подчёркивать).
Как пишется
Скопировано<p> В человеке должно быть всё прекрасно: и <u>лецо</u>, и одежда, и душа, и мысли.</p>
<p> В человеке должно быть всё прекрасно: и <u>лецо</u>, и одежда, и душа, и мысли. </p>
Как понять
СкопированоПо умолчанию браузеры добавляют тексту в <u>
подчёркивание с помощью text
.
<u>
стоит использовать, только если мы хотим показать, что текст внутри него стилистически отличается от остального текста. <u>
не используется:
- Если мы хотим подчеркнуть важность или выделить текст. Для этого предназначены
<strong>
,<em>
,<mark>
или<cite>
. - Если мы хотим просто добавить тексту нижнее подчёркивание в оформительских целях. Для этого достаточно задать блоку с текстом
text
.- decoration : underline
Из-за дефолтных стилей подчёркнутый при помощи <u>
текст можно спутать со ссылкой: текст внутри <a>
по умолчанию тоже подчёркивается, поэтому мы привыкли воспринимать подчёркнутый текст как ссылку. Чтобы не было путаницы, лучше оформить подчёркивание у <u>
иначе.
Пример
СкопированоДля текста, содержащего ошибки, можно добавить подчёркивание волнистой линией. Тогда ошибки будут сразу бросаться в глаза, и их не получится спутать со ссылками.
u { text-decoration-style: wavy; text-decoration-color: #FFFFFF;}
u { text-decoration-style: wavy; text-decoration-color: #FFFFFF; }
<p> В <u>чилавеке</u> должно быть всё <u>прикрасна</u>: и <u>лецо</u>, и одежда, и душа, и мысли.</p>
<p> В <u>чилавеке</u> должно быть всё <u>прикрасна</u>: и <u>лецо</u>, и одежда, и душа, и мысли. </p>