diff options
Diffstat (limited to 'files/ru/web/html/element/wbr/index.html')
| -rw-r--r-- | files/ru/web/html/element/wbr/index.html | 99 |
1 files changed, 99 insertions, 0 deletions
diff --git a/files/ru/web/html/element/wbr/index.html b/files/ru/web/html/element/wbr/index.html new file mode 100644 index 0000000000..73406f47fd --- /dev/null +++ b/files/ru/web/html/element/wbr/index.html @@ -0,0 +1,99 @@ +--- +title: <wbr> +slug: Web/HTML/Element/wbr +translation_of: Web/HTML/Element/wbr +--- +<div>{{HTMLRef}}</div> + +<p><strong>Элемент HTML <code><wbr></code></strong> предоставляет возможность переноса слова – позицию в тексте, где браузер может по желанию разбить строку, в противном случае его правила разрыва строки не будут создавать разрыв в этом месте.</p> + +<div><strong>{{EmbedInteractiveExample("pages/tabbed/wbr.html", "tabbed-shorter")}}</strong></div> + +<p class="hidden"><strong>Исходный код этого интерактивного примера хранится в репозитории GitHub. Если вы хотите внести свой вклад в проект интерактивных примеров, пожалуйста, клонируйте https://github.com/mdn/interactive-examples и отправьте нам запрос на извлечение.</strong></p> + +<table class="properties"> + <tbody> + <tr> + <th scope="row">Категории контента</th> + <td><strong><a href="/en-US/docs/Web/Guide/HTML/Content_categories#Flow_content">Основной поток</a>, <a href="/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content">фразовый контент</a>.</strong></td> + </tr> + <tr> + <th scope="row"><strong>Разрешенное сожержимое</strong></th> + <td><strong>Отсутствует</strong></td> + </tr> + <tr> + <th scope="row">Пропуск тега</th> + <td><strong>It is an {{Glossary("empty element")}}; it must have a start tag, but must not have an end tag.</strong></td> + </tr> + <tr> + <th scope="row">Разрешенные родительские элементы</th> + <td><strong>Любой элемент принимающий <a href="/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content">фразовый контент</a>.</strong></td> + </tr> + <tr> + <th scope="row">Разрешенные роли ARIA</th> + <td><strong>Любые</strong></td> + </tr> + <tr> + <th scope="row">DOM-интерфейс</th> + <td><strong>{{domxref("HTMLElement")}}</strong></td> + </tr> + </tbody> +</table> + +<h2 id="Атрибуты"><strong>Атрибуты</strong></h2> + +<p><strong>Элемент может содержать только <a href="/ru-R/docs/HTML/Global_attributes">глобальные атрибуты</a>.</strong></p> + +<h2 id="Заметки"><strong>Заметки</strong></h2> + +<p>На страницах в кодировке UTF-8, элемент <code><wbr></code> ведет себя как кодовое значение <code>U+200B ZERO-WIDTH SPACE</code> (пробел нулевой ширины). В частности, он ведет себя как кодовое значение Unicode Bidi BN, то есть он не влияет на порядок {{Glossary("bidi")}}-направления (двунаправленного потока) <code><div dir=rtl>123,<wbr>456</div></code>: отображается, если выражение не разбито на две строки, <code>123 456</code> и не <code>456,123</code>.</p> + +<p>По той же причине, элемент <code><wbr></code> не вводит дефис в точке разрыва строки. Чтобы дефис отображался только в конце строки, используйте вместо него символ «мягкого дефиса» (<code>&shy;</code>).</p> + +<p>Этот элемент был впервые реализован в Internet Explorer 5.5 и был официально определен в HTML5.</p> + +<h2 id="Пример"><strong>Пример</strong></h2> + +<p><a href="https://web.archive.org/web/20121105171040/http://styleguide.yahoo.com/">Руководство по стилю Yahoo</a> рекомендует <a href="https://web.archive.org/web/20121105171040/http://styleguide.yahoo.com/editing/treat-abbreviations-capitalization-and-titles-consistently/website-names-and-addresses">рабивать URL перед пунктуацией</a>, чтобы не оставлять знаки припинания в конце строки, которые читатель может ошибочно принять за конец URL.<strong> </strong></p> + +<pre class="brush: html notranslate"><strong><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> </strong></pre> + +<p><strong>{{EmbedLiveSample("Example")}}</strong></p> + +<h2 id="Спецификация"><strong>Спецификация</strong></h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Спецификация</th> + <th scope="col"><strong>Статус</strong></th> + <th scope="col">Комментарии</th> + </tr> + </thead> + <tbody> + <tr> + <td><strong>{{SpecName('HTML WHATWG', 'semantics.html#the-wbr-element', '<wbr>')}}</strong></td> + <td><strong>{{Spec2('HTML WHATWG')}}</strong></td> + <td></td> + </tr> + <tr> + <td><strong>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-wbr-element', '<wbr>')}}</strong></td> + <td><strong>{{Spec2('HTML5 W3C')}}</strong></td> + <td></td> + </tr> + </tbody> +</table> + +<h2 id="Поддержка_браузерами"><strong>Поддержка браузерами</strong></h2> + +<div class="hidden"><strong>The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> and send us a pull request.</strong></div> + +<p><strong>{{Compat("html.elements.wbr")}}</strong></p> + +<h2 id="Смотрите_также"><strong>Смотрите также</strong></h2> + +<ul> + <li><strong>{{cssxref("overflow-wrap")}}</strong></li> + <li><strong>{{cssxref("word-break")}}</strong></li> + <li><strong>{{cssxref("hyphens")}}</strong></li> +</ul> |