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>

Результат

wbrexample1

Атрибуты

Тег <wbr> поддерживает также глобальные атрибуты и атрибуты событий.

Практикуйте свои знания

What is the purpose of the HTML <wbr> tag?
Считаете ли это полезным?