Spec-Zone.ru › HTML

<wbr>: Элемент возможности перевода строки

Базовая линия Широко доступно

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

  • Узнать больше
  • Показать полную совместимость
  • Отправить отзыв

Элемент <wbr> HTML представляет собой возможность перевода слова — позицию в тексте, где браузер может необязательно разбить строку, хотя его правила перевода строк не создадут разрыв в этом месте.

Попробовать

Атрибуты

Этот элемент включает только глобальные атрибуты.

Примечания

На страницах с кодировкой UTF-8, <wbr> ведет себя как U+200B ZERO-WIDTH SPACE код символа. В частности, он ведет себя как код символа Unicode bidi BN, что означает, что он не влияет на порядок bidi: <div dir=rtl>123,<wbr>456</div> отображается, если он не разделен на две строки, 123,456 и не 456,123.

По этой же причине элемент <wbr> не вставляет дефис в точке перевода строки. Чтобы дефис отображался только в конце строки, используйте сущность мягкого дефиса (&shy;) вместо этого.

Примеры

Руководство по стилю Yahoo рекомендует разбивать URL перед пунктуацией, чтобы не оставлять знак препинания в конце строки, который читатель может принять за конец URL.

html
<p>
  http://this<wbr />.is<wbr />.a<wbr />.really<wbr />.long<wbr />.example<wbr />.com/With<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages
</p>

Результат

Техническое описание

Категории контента Потоковый контент, фразовый контент.
Разрешенный контент Пусто
Пропуск тега Обязательно должен иметь открывающий тег и не должен иметь закрывающего тега.
Разрешенные родительские элементы Любой элемент, который принимает фразовый контент.
Неявная роль ARIA Нет соответствующей роли
Разрешенные роли ARIA Любые
Интерфейс DOM HTMLElement

Спецификации

Спецификация
Стандарт HTML
# the-wbr-element

Совместимость с браузерами

Рабочий стол Мобильный
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
wbr 1 12 1 11.6 4 18 4 12 3.2 1.0 4.4

См. также

  • overflow-wrap
  • word-break
  • hyphens
  • Элемент <br>

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API