html теґ <wbr>

Опис та застосування

Тег <wbr> надає можливість вказати браузеру, що при необхідності в цьому місці можна зробити перенесення рядка (наприклад, занадто довге слово або адреса URL).

91badee38bf6961d4fa177e83ff44ebf.png

Відмінність тега <wbr> від <br> полягає в тому, що в місці розташування тега <br> браузер обов'язково переносить вміст на новий рядок, а зустрічаючи в коді елемент <wbr> тільки в разі потреби.

Нотатка:

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

Порада:

Internet Explorer 8 і Opera до версії 11.7 не роблять переноси довжини рядка, поки в стилях для wbr не вказано властивість display із значенням inline-block , як показано в прикладі.

Синтаксис

Синтаксис ще не додано

У теґа <wbr> відсутні власні атрибути.

Атрибут Опис атрибута
title

Вказує додаткову текстову підказку

translate

Повідомляє браузеру переводити вказаний текст в елементі чи ні.

contextmenu

Контекстне меню для елемента

accesskey

Дозволяє активувати або сфокусуватись на елементі за допомогою заданого сполучення клавіш.

class

Визначає один або кілька класів, щоб зв’язати елемент з таблицею стилів (CSS).

draggable

Визначає чи можна перетягувати елемент.

contenteditable

Дозволяє редагувати текст в середні тегу.

dir

Вказує напрямок тексту.

hidden

Приховує вміст елемента від перегляду.

id

Задає унікальний ідентифікатор для елемента.

lang

Визначає основну мову вмісту елемента

spellcheck

Вказує браузеру перевіряти чи ні правопис і граматику в тексті елемента.

style

Задає вбудований (inline) CSS стиль для елемента.

tabindex

Встановлює порядок отримання фокусу при переході між елементами за допомогою клавіші `Tab`.

dropzone

Вказує, що робити з перетягувати елементи.

Більше інформації про загальні атрибути за посиланням Загальні атрибути в html.

Теґ <wbr> не підтримує жодних атрибутів подій.

Більше інформації про html події за посиланням Атрибути подій в html.

Переглядачі

Переглядач

1+

1+

4+

11.7+

12+

8+

Переглядач

1.5+

1+

1+

-


Мобільних переглядачів ще не додано.

Приклади


Найпростіший приклад використання HTML теґа <wbr>

See the Pen wbr.css_in_ua1 by css.in.ua (@css_in_ua) on CodePen.

Приклад використання HTML теґа <wbr>

See the Pen wbr.css_in_ua by css.in.ua (@css_in_ua) on CodePen.

Різниця між HTML 4.01 та HTML5


Немає жодної різниці.

Різниця між XHTML та HTML


Не підтримується XHTML

CSS стиль без задання

Синтаксис ще не додано

Додаткові посилання