• О блоге

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

    К его созданию подтолкнуло желание создать место для общения и обмена опытом в изучении компьютерной графики и дизайна.

    Уроки Blender 3d   Текстуры   Уроки Photoshop   3d max   html/css

 
 
В процессе
 
 

Опанасенко Сергей (sergey@opanasenko.com.ua / sadesign)
Используйте символ пробела
8 февраля 2010

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 комментариев на “Используйте символ пробела”

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

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

  3. Zel:

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

      thin space  

      hair space  

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

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

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

  5. Zel:

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

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

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

Оставить комментарий


В другом формате

Введите email для автоматического получения новых статей на почту: