CSS властивості
ГлавнаяТеги HTMLТег <wbr> в HTML

Тег <wbr> в HTML

303

Елемент <wbr> (від англ. word break — перенесення слів) вказує браузеру місце, де допускається робити перенесення рядка в тексту, якщо цього вимагає ширина батьківського елемента.

Синтаксис
Текст<wbr>текст

Закриваючий тег

Не потрібно.

Атрибути

Ні.

Приклад

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>WBR</title> <style> . Word { font-size: 2em; } 
wbr { display: inline-block; }
</style>
</head>
<body> <p>Найдовше слово з хімії</p> <p class="word">метоксихлор<wbr>діетиламіно<wbr>метил<wbr>бутил<wbr>аміно<wbr>акридин</p>
</body>
</html>

Результат прикладу показу на малюнку нижче. При зміні ширини вікна текст переноситься в тих місцях, де вказано <wbr>.

Перенесення тексту в браузері

Мал. 1. Перенесення тексту в браузері

Примітка

Жоден браузер при перенесенні тексту не додає символ дефісу. При необхідності дефіс можна імітувати, замінивши <wbr> на символ м'якого перенесення &shy;.

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

Специфікація Статус
WHATWG HTML Living Standard Живий стандарт
HTML5 Рекомендація

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

Кожна специфікація проходить кілька стадій схвалення.

  • Recommendation (Рекомендація ) — специфікація схвалена W3C і рекомендована як стандарт.
  • Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.
  • Пропонована рекомендація — на цьому етапі документ представлений на розгляд Консультативної поради W3C для остаточного затвердження. li>
  • Editor draft (Редакторська чернетка) — чорнова версія стандарту після внесення правок редакторами проекту.
  • Draft (Чернетка специфікації) — перша чорнова версія стандарту.

Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.

Браузери

7 12 1 11.7 4 1
1.5 1

Браузери

У таблиці браузеро в застосовуються такі позначення.

  •   ;— елемент повністю підтримується браузером;
  •   — елемент браузером не сприймається та ігнорується;
  •   ;— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.

Число вказує версію браузреа, починаючи з якої елемент підтримується.

="field field-name-field-html-cat field-type-taxonomy-term-reference field-label-hidden">

Див. також