/html/wbr:> Разрыв слова_
Элемент wbr
Синтаксис
HTML
Сло<wbr>во
Описание
Элемент wbr
(от англ. "word break" ‒ «разрыв слова») представляет браузеру возможность, в случае необходимости, разорвать слово (с переносом на следущую строку) в том месте, где находится элемент.
Примечание
- Данный элемент целесообразно использовать как минимум в двух случаях. В первом случае элемент может быть использован для того, что бы не нарушался (в худшую сторону) вид текста. Во втором случае при неразрывном тексте может произойти увеличение ширины родительского элемента и как следствие увеличение размеров страницы, что бы этого избежать в подобный текст вставляется элемент
wbr
. - Для разделения больших слов в тексте лучше подойдёт символ МЯГКОГО ПЕРЕНОСА [U+00AD].
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | |
5.0 | 4.5.30 The wbr element |
5.1 | 4.5.30. The wbr element |
XHTML | |
1.0 | |
1.1 |
Атрибуты
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент wbr</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример использования элемента "wbr"</h1>
<p>Ниже представлена часть сценария (JavaScript), в которой всё содержимое элемента с <code>id="Name1"</code> копируется в элемент с <code>id="Name2"</code>.</p>
<div class="exCode">
<code>document.getElementById("Name2").innerHTML<wbr>=<wbr>document.getElementById("Name1").innerHTML;</code>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент wbr</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример использования элемента "wbr"</h1>
<p>Ниже представлена часть сценария (JavaScript), в которой всё содержимое элемента с <code>id="Name1"</code> копируется в элемент с <code>id="Name2"</code>.</p>
<div class="exCode">
<code>document.getElementById("Name2").innerHTML<wbr>=<wbr>document.getElementById("Name1").innerHTML;</code>
</div>
</body>
</html>
Элемент wbr