Баннер

05
Дек

Перенос слов при создании сайта

Обычно перенос слов в веб-разработке встречается редко, это связано с тем, что просмотр одной страницы может происходить на разных по разрешению мониторах с применением различных браузеров. Стандартом считается выравнивание текста по левому краю, а перенос происходит целыми словами. Казалось бы, зачем, тогда нужен этот перенос? Он необходим, когда используются длинные термины по медицине или химии.

Тег <wbr>.

Данный тег делает перенос слов там, где это необходимо. Когда слово полностью помещается по ширине, то тег <wbr> никак себя не проявит. Но если места не хватает, то браузер сделает перенос слова в том месте, где указан данный тег.

Мягкий перенос.

Тег <wbr> имеет минус, он заключается в том, что он делает перенос слова таким образом, что потом пользователю бывает затруднительно понять это отдельное слово или продолжение текста. Веб-переносы лучше делать по типографским правилам, а именно, добавляя дефис в конце строчки. Для этого в HTML применяют ­, который по функции схож с тегом <wbr>, но при переносе добавляет дефис.

Свойство word-break.

Для создания автоматического переноса слов используют свойство word-break, в значении которого прописывается break-all. Если в CSS-коде прописать данное свойство, в HTML-код не надо будет добавлять теги для переноса.

Свойство hyphens.

На данный момент это самый удобный способ создать автоматический перенос. Функционирование свойства hyphens основано на том, что в браузере уже есть словарь с соответствующими переносами. Для того, чтобы это свойство заработало, необходимо в теге <html> указать атрибут lang со значением ru. Поддерживается Android, IE10, Firefox, iOS, а не поддерживается в браузерах Opera и Chrome.

Запрет переносов.

Данная функция также необходима, так нельзя разрывать обозначение года, например, 130 до н.э., или числа от единиц измерения, фамилии и инициалы и т.д. Для этого браузеру дается команда через код -  , который запрещает делать переносы.

Профессиональное создание сайтов Харьков доступное для заказа на сайте gunchenko.com, является идеальным выбором для привлечения потенциальных клиентов через глобальную Сеть.

Баннер

Добавить комментарий


Защитный код
Обновить

Баннер

Изучаем Joomla


Joomla Social Networking with JomSocial

Joomla Social Networking with JomSocial

В последнее время, в связи с растущей популярностью социальных сетей, стал... [Подробнее...]

Joomla: Visual QuickStart Guide (2nd Edition)

Joomla: Visual QuickStart Guide (2nd...

Второе издание пособия Joomla!: Visual QuickStart Guide посвящено решению различных проблем... [Подробнее...]

Joomla! 2.5 Beginner’s Guide

Joomla! 2.5 Beginner’s Guide

Joomla! 2.5 Beginner’s Guide - англоязычное руководство по работе с CMS Joomla 2.5 от... [Подробнее...]

Joomla! Programming

Joomla! Programming

Взгляните по другому на возможности CMS Joomla! с помощью нового издания "Joomla!... [Подробнее...]

Picture Yourself Building a Web Site with Joomla1.6

Picture Yourself Building a Web Site...

Эта книга является прекрасным пособием для желающих научиться создавать... [Подробнее...]

Вход на сайт



Новости в сети

RT Lexicon для WordPress

News image

RT Lexicon - майская многоцелевая тема вордпресс от популярной студии RocketTheme, кот...

YT Digit для WordPress

News image

YT Digit – яркий релиз универсального вордпресс-шаблона от команды веб-разработчиков сту...

YT Frequency для WordPress

News image

YT Frequency - яркий WordPress-шаблон созданный разработчиками невероятно популярной студии веб...

YT Everest для WordPress

News image

YT Everest - свежий майский вордпресс-шаблон, созданный командой разработчиков студ...

RT Epsilon для Wordpress

News image

RT Epsilon - свежий апрельский релиз бизнес-шаблона, применимого также для соз...

RT Anacron для WordPress

News image

RT Anacron - апрельский вордпресс-шаблон в светлых цветовых тонах с пол...

RT Hadron

News image

RT Hadron - свежий мартовский вордпресс-шаблон от популярной студии RocketTheme, вып...

RT Paradigm для WordPress

News image

RT Paradigm - новый многоцелевой шаблон под WordPress 3.x, выпущенный спе...

RT Spectral

News image

RT Spectral - свежий релиз прекрасного шаблона, теперь и для вор...

YT Avenue

News image

YT Avenue - свежий февральский WordPress-шаблон с полной поддержкой актуальных вер...

YT Vida

News image

YT Vida - свежий WordPress-шаблон с полной поддержкой новой верс...

YT Moustache

News image

YT Moustache – очередной креативный WordPress-шаблон  от разработчиков известной веб-студии Yoo...

TF Awake

News image

TF Awake – качественная и очень функциональная тема для WordPress нов...

RT Acacia

News image

RT Acacia - свежий многоцелевой шаблон с полной поддержкой WordPress 3.x...

TF Ultra

News image

TF Ultra v.1.2 - является новой версией отличной многоцелевой темы для...