html - pre(html 标签) 和 white-space :pre newline omission 之间的区别

Question

我认为 pre(html 标签) 就像 'white-space:pre' 一样活跃。但事实并非如此。

<pre>
aaa
bbb
</pre>

<p style="white-space:pre;">
aaa
bbb
</p>

<pre>忽略第一个和最后一个 \n .但是<p>保留第一个\n并忽略最后一个。为什么？

jsfiddle test

Answer 1

HTML 标准规定:

Note: In the HTML syntax, a leading newline character immediately following the pre element start tag is stripped.

阅读此处:http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#the-pre-element

因此，<pre>元素包含此特殊规则。似乎如果其他类型的元素有一个 white-space:pre设置，该规则不适用。