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

Если вам нужно использовать не стандартный пробел, то прямой путь в таблицу Юникодов и выбираем себе необходимый пробел. Даже если сам символ не включен в шрифт, то сам браузер на основе юникода будет неплохо имитировать необходимое пространство.

  en space

  em space

  3-per-em space

  4-per-em space

  6-per-em space

  figure space

  punctuation space

  thin space

  hair space

В CSS за это отвечает свойство white-space:pre.

А здесь я еще дополню часть, но чуток позже :-)

апдейт 09.02.2010

Как я и предпологал, но что-то с визивигом и он не дает мне показать hair space. Сделал скрин у себя после тестов:
1265700940-clip-3kb[1]

8 комментариев to “Используйте символ пробела”

  1. divbyzero

    Хотелось бы услышать, где какой пробел использовать?

  2. natio

    в дальнейших материалах пойдет об этом речь

  3. Zel

    гуд статья, а вот вопрос:

      thin space  

      hair space  

    в чем разница? По виду выше, они одинаковые если меня не подводит зрение :)

  4. natio

    Ну за это мы говорим спасиба визивигу и брацзеру, что разници как таковой не видно, а вообще hair space   это половина thin space   — это дето 1 пиксель :-) если работать в пикселях.

    И это как раз тот случай когда браузер за отсутствием спец. символа в начертании имитирует расстояние :)

  5. Zel

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

  6. natio

    Нет не влияет. Дело в том, что жоржиа, к примеру, полностью поддерживает все виды пробела, а вот требучет, видимо, не очень. Таблицу нужно посмотреть как разузнаю отпишусь :) будьте на связи дорогие читатели :)

  7. Zel

    спасибо :)

  8. divbyzero

    Давай, и про Verdana интересно услышать за пробельчики.

Оставить мысль


RenderMarketario