Как вы обрабатываете пробелы в своем HTML? [закрыто]

Question

Одно из моих самых больших типографских разочарований в HTML — это то, как он искажает соединенные пробелы.Например, если у меня есть:

<span>Following punctuation rules.  With two spaces after the period.  </span>

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

<span>Following punctuation rules.&nbsp; With two spaces after the period.  </span>

но меня просто раздражает необходимость делать это, и я обычно не заморачиваюсь.Кто-нибудь автоматически вставляет значительные пробелы во внешний контент, предназначенный для веб-страницы?

Answer 1

Что касается вашего конкретного примера, вам не нужно об этом беспокоиться.Веб-браузеры выполняют типографскую визуализацию и размещают правильное количество пробелов между точками и любыми последующими символами (и в соответствии с правилами кернинга оно различается в зависимости от следующего символа).

Если вам нужны разрывы строк, <br/> не имеет большого значения, не так ли?

---

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

Answer 2

Если вы действительно хотите, чтобы пробелы сохранились, попробуйте свойство css:пробел:предварительно;

Или вы можете просто использовать тег <pre> в своей разметке.

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

Answer 3

Возможно, это не очень элегантно, но я применяю CSS к тегу <pre>.

Всегда есть атрибут CSS «пробелы», но он может быть немного случайным.

Answer 4

Взгляните на предварительный тег.Он может делать то, что вы хотите.

Answer 5

Вы можете использовать стилизованный предварительный блок, чтобы сохранить пробелы.Большинство редакторов WYSIWYG также вставляютдля тебя...

В целом хорошо, что браузер игнорирует пробелы.Просто просмотрите исходный код на этом веб-сайте и представьте, как безумно выглядел бы сайт, если бы отображалось каждое пространство.

Answer 6

Вам лучше использовать пробел:предварительный перенос, чем пробел:предварительно илиВ вашем примере последние решения могут начать новую строку в «правилах». нна-буязвимый сптуз попал в конец линии.

Answer 7

Тег PRE может быть подходящим решением, в зависимости от ваших потребностей.Однако, если вы попытаетесь использовать правило двух пробелов в предложениях на своем сайте, вы вскоре обнаружите, что другие символы, которые сохраняет тег PRE, — это перевод строки/возврат каретки (или их отсутствие), испортят любой стиль, который вы попробуете. делать.

В общем, я склонен игнорировать правило «2 пробела после предложения», или, если вы его сторонник, я бы придерживался , но иногда вы сталкиваетесь с проблемой, о которой заявил Николас.

Answer 8

На этой теме есть страница webtypography.net.На этом сайте есть много других интересных вещей о создании текста для Интернета с точки зрения типографики, о которых дизайнеры веб-страниц часто даже не задумываются.Это стоит прочитать.