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

Что делает тег <br> (break) известно всем: занимается переводом строки в том месте, где стоит. А с атрибутом clear="all" вообще способен творить чудеса, игнорируя даже вышестоящие флоаты.

А теперь рассмотрим абстрактную ситуацию. Имеется слово, состоящее из 100 (или 1000) символов без пробелов. Что произойдет с обычной HTML-страницей? Естественно она разъедется по горизонтали!

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

Замечания:

• Описанный тег не работает в браузерах семейства Opera.
• Точно работает в IE, Gecko и Safari.
• Валидатор не ругается на этот тег в HTML4.01, в XHTML код будет невалидным.

Замечание от 40a

Есть спецсимволы &shy; или &#173; или с клавиатуры Alt+0173, которые работают в ИЕ и Опере и добаляют еще символ переноса строки. Если написать <wbr>&shy;, то принудительный перевод строки будет работать кроссбраузерно.