Сьогодні у нас трохи дивна тема: чому не можна (чи то навпаки треба) вирівнювати текст по ширині?
Більшість із нас зі шкільної лави мають чітке уявлення про ідеально оформлену сторінку. Рівномірний розсип літер, стрункі лінії слів, суворий, обрамлений рівними полями прямокутник тексту – саме таку картину ми спостерігаємо, гортаючи будь-яке друковане видання.
Велика спокуса зобразити щось подібне і на web-сторінці, тим паче, що для цього запропоновано всім відомий засіб – вирівнювання тексту по ширині. Однак що добре для друкаря, то смертний гріх для веб-верстальника. А все тому, що стосовно розмітки сайту ця функція обростає такою кількістю недоліків, що її єдина перевага у вигляді рівненького правого краю просто меркне на очах. Ось лише кілька причин, через які варто відмовитися від вирівнювання по ширині на користь вирівнювання по лівому краю.
Видимий безлад усередині текстового блоку
Так-так, що рівніші краї текстового блоку, то очевидніший безлад усередині нього. У друкарській справі стрункості тексту дає змогу домогтися цілий арсенал інструментів: перенесення, регулювання інтервалів між словами і відстаней між буквами і навіть трохи ширші або трохи вужчі варіанти шрифту. А ось макет інтернет-сторінки передбачає, як правило, тільки один спосіб “розтягнути” рядок від краю до краю – неконтрольоване збільшення ширини пробілів. Мало того, що це призводить до появи непривабливих проміжків між словами, так ці проміжки, немов за законом підлості, частенько припадають приблизно на одне й те саме місце в кожному рядку, утворюючи так звані вертикальні “річки”. Усе це надає тексту вельми неохайного вигляду.
Нечитабельність
Але якщо естетикою ще можна було б пожертвувати заради акуратних країв, то ось очевидні проблеми з візуальним сприйняттям тексту – все ж таки занадто висока плата за них. А вирівняний по ширині текст об’єктивно набагато менш читабельний, ніж вирівняний по лівому краю. Головна причина криється все в тих же збільшених інтервалах між словами: око постійно змушене вишукувати початок наступного слова, а через різницю пробілів від рядка до рядка ще й перебудовуватися з однієї відстані на іншу.
Необхідність працювати над довжиною рядка, часто безрезультатно
Справедливості заради варто зазначити, що зазначені недоліки вирівняного тексту можуть бути зменшені за рахунок збільшення довжини рядка. Однак далеко не завжди цей метод буде ефективним. А ось знизити читабельність він може з дуже великою часткою ймовірності: очам важко, просканувавши до кінця один довгий рядок, точно і швидко перескочити на початок наступного.
Непристосованість під мобільні пристрої
Що вужча колонка з текстом, то меншою мірою він підлягає вирівнюванню по ширині. І тут такий формат вступає в пряме протиріччя з вимогами мобільних пристроїв, для яких, навпаки, чим коротший рядок, тим краще. Погодьтеся, одна справа стежити поглядом за довгим рядком на повноекранному моніторі, і зовсім інша – раз по раз прокручувати кожен рядок назад і вперед. Сумнівне задоволення, зате вірний спосіб розгубити мобільну аудиторію!
Здавалося б, варто додати на сторінку функцію перенесення слів, і всі ці проблеми, що виникають під час вирівнювання тексту по ширині сторінки, були б вирішені. Але в тому-то й заковика, що HTML-розмітка такої функції не передбачає. Ось і виходить, що на сьогоднішній день ніякого іншого способу зберегти допустимі інтервали між словами на web-сторінці, крім як вирівнювання тексту по краю, не існує.
Таким чином, при створенні інтернет-сторінки важливо пам’ятати головне: web-сайт – це не книжка, і підходити до його оформлення потрібно з тих позицій, які диктують технології та психологія сприйняття, а не чиїсь естетичні погляди, втім, вельми і вельми умовні. Повірте, якщо ваш текст буде акуратно розміщений і, насамперед, легко і з задоволення читається, ніхто й уваги не зверне на таку дрібницю, як нерівність полів!
До речі, ви вирівнюєте текст? Я от завжди робив це по ширині, але чим далі – тим більше думаю, що не варто. А ви що думаєте?
