Тег <u>: нетекстовое замечание к фрагменту
U отмечает фрагмент с явно не выраженной словами аннотацией, например слово с отмеченной ошибкой написания. Это не универсальная команда подчёркивания и не замена ссылке.
Назначение
U отмечает фрагмент с явно не выраженной словами аннотацией, например слово с отмеченной ошибкой написания. Это не универсальная команда подчёркивания и не замена ссылке.
Как это работает
Добавьте рядом текстовое объяснение, чтобы смысл замечания не зависел от линии под словом. Оформление можно изменить на волнистое подчёркивание и визуально отличить от ссылок сайта.
Пример
<style>.spelling{text-decoration:underline wavy #a52626;text-underline-offset:.2em}</style>
<p>Учебная ошибка: <u class="spelling">браузир</u>. Правильно: «браузер».</p>Что должно получиться
Ошибочная форма отмечена, исправление дано обычным текстом. Читателю не требуется угадывать значение подчёркивания или нажимать на него для получения объяснения.
Граница применения и частая ошибка
Не делайте подчёркнутый фрагмент похожим на рабочую ссылку, если перехода нет. Экранный диктор может не озвучить оформление; текстовое объяснение остаётся необходимым. Для редакционного удаления и вставки используйте del и ins.
Самостоятельная проверка
Отключите стили и убедитесь, что исправление понятно. Поставьте рядом настоящую ссылку и сравните оформление. Затем попробуйте передать тот же смысл без u и оцените, нужен ли элемент именно вашему тексту.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Проверки печати, загрузки файлов и сетевых ответов выполняйте в отдельном учебном проекте.