2.1.2 Выбирайте удобный формат набора
Обычно считается, что при одноколонном наборе мелким кеглем антиквой в строке должно быть от 45 до 75 знаков.
Строка из 66 знаков (считая и буквы, и пробелы), как правило, считается идеальной. Для многоколонного набора оптимальное значение - 40-50 знаков.
Этот формат - количество символов в одной строке в одной колонке текста. HTML не понимает колонок, и текст хранится в блоках. В CSS можно указывать ширину блоков в любой единице длинны с помощью свойства width:
div#coll {width: 400px}
div#col2 {width: 50%}
div#col3 {width: 33em}
Когда типографы устанавливают формат и размер текса для печатных изданий, то эти аспекты являются фиксированными и неизменными. Но это не распространяется на пользователей сети Интернет, поскольку они сами могу изменять размер шрифта или страницы.
В примере выше первая колонка имеет фиксированную ширину 400 пикселей. С текстом размером 12 пикслей это составит 66 символов в строке. Если пользователь самостоятельно изменит размер шрифта, то количество символов уменьшится до 50. В этом случае мы измеряем размер шрифта для внесения соответствующих изменений.
Вторая колонка задана в процентах. Предположив, что ширина окна пользователя 1000 пикселей, колонка будет иметь размер 500 пикселей, в результате получаем 83 символа в строке. Формат в 83 символа может быть слишком широким для пользователя, а поскольку ширина поля не фиксирована то пользователь может и уменьшить окно до 800 пикселей тем самым, урегулировав ширину блока.
Ширина третьей колонки - 33em. В среднем один символ занимает 0,5em так что поле имеет ширину ровно в 66 символов в строке. Если читатель увеличит размер шрифта то количество символов в строке останется 66 символов.
С типографской точки зрения наиболее подходящим является установка ширины в em, поскольку она позволяет всегда контролировать количество символов в строке опираясь на параметры шрифта.
Работа с процентами - это относительная работа над шириной блока и мы даем возможность пользователю самому определить, как ему удобно читать.