HTML тег <wbr> указывает браузеру, что при необходимости можно сделать перенос строки. Этот элемент отличается от тега <br> тем, что при использования тега <br> браузер обязательно переносит содержимое элемента на новую строку, а при использования тега <wbr> браузер сначала анализирует содержимое элемента, а потом переносит, если есть необходимость (например, слишком длинное слово или адрес URL).
При переносе текста браузеры не добавляют символ дефиса. Дефис можно имитировать, заменив тег <wbr> на символ мягкого переноса .
Синтаксис
Тег <wbr> одинарный, закрывающий тег </wbr> не обязателен.
Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
</head>
<body>
<p>Пример текста без тега wbr.</p>
<p>Текст, в котором встречается самое длинное слово в русском языке метоксихлордиэтиламинометилбутиламиноакридин</p>
<p>Пример текста с использованием тега wbr.</p>
<p>Текст, в котором встречается самое длинное слово в русском языке метоксихлор<wbr>диэтиламино<wbr>метил<wbr>бутил<wbr>амино<wbr>акридин</p>
</body>
</html>
Результат
Атрибуты
Тег <wbr> поддерживает также глобальные атрибуты и атрибуты событий.
Практикуйте свои знания
What is the purpose of the HTML <wbr> tag?
Правильный!
Неправильно!