У HTML4 для підкреслення слів застосовувався елемент <u>. У HTML5 статус цього елемента змінився, тепер він використовується для виділення слів, які відрізняються від решти тексту. Наприклад, слова з помилками краще позначати саме за допомогою <u>, при цьому текст усередині <u> відображається підкресленим .
Таким чином, якщо потрібно не тільки підкреслити слова, але й виділити їх на тлі решти тексту, використовуйте елемент <u> (приклад 1) .
Приклад 1. Елемент <u>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>u</title> </head> <body> <p>Зверніть увагу на написання слів з ши.</p> <p>Підшипник <u>пошивелся</u>, рішуче прошипів і зруйнувався.</p> </body> </html>
Для простого оформлення тексту за допомогою підкреслення скористайтеся властивістю text-decoration зі значенням underline (приклад 2).
Приклад 2. Використання text-decoration
<!DOCTYPE html>
<html>
<head>
<title>text-decoration</title>
<meta charset="utf-8"> <style> .u {text-decoration: underline; }
</style>
</head>
<body> <p><span class="u">Меню</span></p> <p>Пахлава</p> <p>Кураб'є</p> <p>Шакер-бура</p>
</body>
</html>