Это имеет значение когда-нибудь, Пробел между элементами HTML в источнике? когда мы даем стиль через CSS? и должен пересечь совместимость браузера
Для какого-либо браузера?
Да, например: практически всегда, когда данные встроены.
Сравните:
<p>H<b>e</b>llo, world</p>
и
<p>H <b>e</b> llo, world</p>
Это зависит от модели содержимого элемента, содержащего пробельные символы. Если модель является текстовой, включая смешанные элементы и текст, то пробельные символы имеют значение (хотя несколько пробельных символов обычно сворачиваются в один, а ведущее/замыкающее пространство полностью удаляется, за исключением внутри ). Если модель допускает только содержание элементов, то пробелы не имеют никакого значения; например, пробелы между
и его считаются совершенно неважными.
ie6 использовал пробелы между некоторыми тегами при рендеринге. Это также имеет значение при рендеринге html-писем Office 2009 с помощью word. Если у вас есть пробелы между строками, он может поставить пробелы в 2px.
В зависимости от количества пробелов в html, css или других файлах это может повлиять на время, необходимое для загрузки в систему пользователя.
Пробелы имеют значение, но все пробелы рассматриваются как один пробел. Например,
<span>hello</span> <span>there</span>
будет отображаться браузером точно так же, как
<span>hello</span> <span>there</span>
, если только не используется тег
.
Текстовые области также страдают от пробелов между открывающими и закрывающими тегами, поскольку он считает, что любое содержимое между ними - это его содержимое, которое он должен показать....
Как указали Дуглас и Дэвид Дорвард, пустое пространство имеет значение .
Однако в блоках HTML (т.е. не в javascript или других встроенных типах содержимого) все последовательные пробелы эквивалентны одному пробелу. То есть hello world
эквивалентно
hello
<b>world</b>
Исключением из этого правила являются блоки
, которые являются белое пространство, чувствительное к спецификации. ..
Сравните эти две строки в браузере:
<img src="..." /> <img src="..." />
<img src="..." /><img src="..." />
Вы увидите, что между изображениями в первой строке есть пробел, а во второй - нет.