1.3.3. Тег отмены переноса строки <nobr> и мягкого переноса <wbr>По умолчанию перенос строк в пределах абзаца выполняется браузером автоматически. Однако при необходимости можно указать браузеру выводить строку целиком без переносов. Если строка не будет помещаться на всю ширину, то появится горизонтальная полоса прокрутки для просмотра текста. Отмена переноса достигается с помощью тега <nobr> и соответствующего закрывающего тега </nobr> как показано ниже:
Рис. 1.4. Результат отображения примера 4 При работе с такими строками возникает проблема строк большой длины, когда пользователю приходится постоянно прокручивать горизонтальный скроллинг для чтения текста, что весьма неудобно. Для ограничения максимальной длины таких строк предусмотрен тег <wbr>, который указывает браузеру возможность переноса строки в том месте, где он стоит и будет использован только тогда, когда это действительно необходимо. Например, если строка помещается целиком во всю ширину, то перенос выполняться не будет, т.к. в этом нет необходимости, в противном случае строка будет поделена на части при выводе на экран.
Видео по теме
HTML с нуля: урок 1 - как работает Интернет и что такое сайт HTML с нуля: урок 2 - инструментарий, структура документа, стандарты HTML с нуля: урок 3 - основные теги форматирования HTML HTML с нуля: урок 4 - ссылки, теги div и span HTML с нуля: урок 5 (часть 1) - таблицы HTML с нуля: урок 5 (часть 2) - фреймы HTML с нуля: урок 6 - HTML формы, GET и POST запросы HTML с нуля: урок 7 - поля ввода, кнопки, списки HTML с нуля: урок 8 - каскадные таблицы стилей, начало HTML с нуля: урок 9 - CSS, теория HTML с нуля: урок 10 - пример создания макета HTML страницы
|