Question

html4说this：

为了避免SGML换行规则的问题以及现有实现之间的不一致，作者不应该依赖用户代理在开始标记之后或紧接在结束标记之前立即渲染空白。因此，作者，特别是创作工具，应该写：


＆lt; P＆gt;我们提供免费的＆lt; A＆gt;技术支持＆lt; / A＆gt;对于订阅者。＆lt; / P＆gt;


而不是：


＆lt; P＆gt;我们提供免费＆lt; A＆gt;订阅者的技术支持＆lt; / A＆gt;。＆lt; / P＆gt;

和this：

SGML（参见[ISO8879]，第7.6.1节）规定必须忽略紧跟在开始标记之后的换行符，并且必须在结束标记之前立即换行。这适用于所有HTML元素，无一例外。

以下两个HTML示例必须以相同的方式呈现：


＆lt; P＆gt; Thomas正在看电视。＆lt; / P＆gt;

＆LT; P＆GT;
    托马斯正在看电视     ＆LT; / P＆GT;


以下两个例子也必须如此：


＆lt; A＆gt;我最喜欢的网站＆lt; / A＆gt;

＆LT a取代;
    我最喜欢的网站
    ＆LT; / A＆GT;

所以，不应该依赖它们被忽略。那么html5呢？

UPD 或者让我们这样说：我可以将它们视为被忽略或有时它们是否重要（以某种方式表现出来）？在哪个方面，如果有的话？

UPD 嗯，我应该说我考虑过重构......？我试图让模板更具可读性，这就是让我思考它的原因。

Answer 1

内联标记中肯定不会忽略空格（例如<a>，，，...），例如在此示例中，

<p>We offer free <a>technical support</a> for subscribers.</p>
<p>We offer free<a> technical support </a>for subscribers.</p>

如果你将CSS设置为这样的

a { text-decoration: underline; }

你绝对可以看到差异。

有时换行会在内联标签中产生奇怪的结果，例如，如果您编写这样的代码，

<p>We offer free <a>
technical
support
</a> for subscribers.</p>

它似乎忽略了第一个换行符，但不是最后一个换行符。

这是两个例子的小提琴：http://jsfiddle.net/Niffler/fnnanru2/

在块标记内（即，<h1>，<div>，...）空格以及标记开头或结尾处的换行符应始终被忽略（即test应该与 test ）相同。

正如另一位用户在评论中所写，换行符通常会与空格相同。

此外，多个空格或换行符或其组合通常会汇总到一个空格。

Answer 2

浏览器应该忽略空格，浏览器忽略的ARE空间是两个完全不同的问题。

你不应该在开始标记之后放置空格，即使它（有时）有效。由于有关此文档，浏览器可能会更改为遵守该规则，恕不另行通知。

他们不应该以相同的方式呈现，但目前大多数浏览器呈现

We offer free<a> technical support </a>for subscribers.和

We offer free <a>technical support</a> for subscribers.

同样。

请记住：所有这些都可能在没有通知的情况下发生变化，所以我肯定会遵循文档的规则。

在html中忽略了前导空格和尾随空格？

2 个答案: