Левая выключка, переносы и html

Выравнивание по левому краю — наиболее рациональный метод позиционирования текста в блоке. В большинстве мировых алфавитов символы имеют различную ширину, при этом слова содержат разное число символов. Поэтому в текстовом блоке длина соседних строк может отличаться, иногда существенно.

Чтобы текстовый блок сохранял свою целостность и не терял структуру, необходимо соблюдать основные правила верстки не только при подготовке печатных макетов, но и в вебе.

Хорошая верстка

Правая граница текстового блока не обращает на себя внимания, сохраняется целостность структуры, строки не хаотичны, поэтому край не кажется «рваным».

Плохая верстка

Ровный правый край напоминает выключку по формату (выравнивание текста по ширине блока), в то время как слишком рваный правый край разрушает целостность всего блока.

Что не так?

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

Оформление текстов в Adobe Indesign

Для перехода к настройкам переносов текста необходимо открыть окно «Стили абзацев» (клавиша F11), выбрать стиль редактируемого абзаца, и дважды кликнуть по нему. В открывшемся окне «Параметры стиля абзаца» следует выбрать вкладку «Переносы». На результат влияют следующие параметры:
— минимальная длина слова, которое можно разрывать переносом (первое поле),
— минимальное количество букв до и после переноса (второе и третье поля соответственно),
— максимальное количество переносов подряд (четвертое поле),
— ползунок «Лучшие интервалы» — «Меньше переносов».

Поэкспериментируйте с этими параметрами, чтобы добиться наилучшего результата для вашего текста.

А как же web?

Важно понимать, что «тонкая настройка» и подгонка каждой строки текста под необходимый размер для сохранения целостной структуры блока возможна только при верстке печатных материалов. Верстка с выключкой по ширине выглядит очень хорошо, если сделана вручную профессиональным верстальщиком. Специальные программы соревнуются в алгоритмах выключки, однако даже они не достигли идеала. Проблема в том, что эти алгоритмы недоступны ни в одном из современных браузеров. На сегодняшний день переносы в браузерах — скорее экзотика, поэтому на страницах выглядят чужеродно.

Html в связке с CSS только учатся работать с типографикой, до полноценного адаптивного шрифтового дизайна в web еще далеко. Однако есть несколько простых приемов, которые позволяют привести в порядок текст с левой выключкой даже на адаптивных html-страницах.

Для мягких переносов используются теги ­ Используя данный прием, можно добиться грамматически правильных переносов на web-странице.

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

Комментарий

Комментарии отсутствуют. Будьте первым!

скрыть комментарии
FollowDribb.Ins.Be.
...

Воспользуйтесь обновленным браузером для корректной работы сайта!

Please upgrade today!