Опубликовано: 25.06.2010 Последняя правка: 08.12.2015
HTMLXHTML
IEChromeFireFoxOperaSafari

Тег <WBR>

Тег <WBR> применяется внутри длинных слов текста и указывает браузеру, что в этом месте возможен перенос строки, если слово не будет умещаться в ширину элемента.

Для создания переносов в длинных словах также можно использовать спецсимвол HTML — «мягкий» дефис (&shy;).

Атрибуты

Личные атрибуты: нет.

Общие атрибуты:

Тип тега

Назначение: текст (строки).

Модель тега: inline (встроенный, уровня строки).

Может содержать: данный элемент является пустым/Empty.

Открывающий тег: необходим. Закрывающий тег: запрещен.

Синтаксис

<nobr>текст<wbr>текст</nobr>

Пример HTML: применение тега WBR

<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>seodon.ru - Применение тега WBR</title>
  <style type="text/css">
   p {
    width: 250px; /* ширина параграфа */
    border: 2px #ffcc00 solid; /* стили рамки */
    font-size: 200%; /* размер шрифта */
   }
  </style>
 </head>
 <body>
  <p>Восьми<wbr>десяти<wbr>восьми<wbr>миллиметровое зенитное орудие.</p>
 </body>
</html>

Результат примера

Результат. Применение тега WBR.

Применение тега WBR

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:НетДаНетНет

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.0 и 7.08.09.0 и выше2.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:ДаЧастичноДаДаДаЧастичноДа

Internet Explorer 8.0 и Opera хоть и понимают тег <WBR> (например, к нему можно применить стили), но не создают перенос. Выходом в данной ситуации будет применение к тегу свойства display со значением inline-block.