My<cod/>.net
Как вы справляетесь с пробелами в вашем HTML
Одно из моих самых больших типографских разочарований в отношении HTML-это то, как он искажает соединенный whitespace. Например, если у меня есть:
<span>Following punctuation rules. With two spaces after the period. </span>
Одно из двух пробелов, следующих за периодом, будет считаться незначимым whitespace и будет удалено. Я могу, конечно, заставить whitespace быть значимым с помощью:
<span>Following punctuation rules. With two spaces after the period. </span>
но это просто раздражает меня, чтобы сделать это, и я обычно не беспокоюсь. Кто-нибудь там автоматически вставляет значительные whitespace во внешние материалы контента, предназначенные для веб-страницы?
Если вы действительно хотите, чтобы ваше пустое пространство было сохранено, попробуйте свойство css: white-space: pre;
Или вы можете просто использовать тег <pre> в вашем markup.
Кстати, хорошо, что браузеры HTML вообще игнорируют пробелы, это позволяет нам иметь четко отформатированный исходный код, не влияя на выходные данные.
Для вашего конкретного примера нет необходимости беспокоиться об этом. Веб-браузеры выполняют типографский рендеринг и помещают правильное количество пространства между точками и любым следующим символом (и оно отличается в зависимости от следующего символа, согласно правилам Кернинга.)
Если вам нужны разрывы строк, то <br/>-это не так уж и важно, не так ли?
Не знаю, что здесь достойно даунмода... Вы не должны форсировать два пробела после точки, если только вы не используете моноширинный шрифт. Для пропорциональных шрифтов редерер выделяет нужное количество пространства после точки. Смотрите здесь и здесь для подробного обсуждения.
Вы можете использовать стилизованные предварительный блок для сохранения whitespace. Большинство редакторов WYSIWYG также вставляют для вас...
В целом, это хорошо, что браузер игнорирует whitespace. Просто просмотрите источник на этом сайте для себя и представьте, как безумно выглядел бы сайт, если бы все пространство было отображено.
Тег PRE может быть допустимым решением, в зависимости от ваших потребностей. Однако, если вы попытаетесь использовать Правило 2 пробелов в предложениях по всему сайту, вы скоро обнаружите, что другие символы, сохраняемые тегом PRE, - это поток строк/возврат каретки (или отсутствие), которые испортят любой стиль, который вы попытаетесь сделать.
В общем, я склонен игнорировать правило "2 spaces after a sentence", или, если вы придерживаетесь его, я бы придерживался ,, но вы иногда столкнетесь с проблемой, о которой говорил Николас.
Есть страница, посвященная этой теме на webtypography.net . На этом сайте есть много других интересных вещей о создании текста для интернета с точки зрения типографии, о которых дизайнеры веб-страниц часто даже не задумываются. Это стоит прочитать.