空格和换行
HTML 语言有自己的空格处理规则。标签内容的头部和尾部的空格,一律忽略不计。
<p> hello world </p>
上面代码中,hello
前面的空格和world
后面的空格,浏览器一律忽略不计。
标签内容里面的多个连续空格(包含制表符\t
),会被浏览器合并成一个。
<p>hello world</p>
上面代码中,hello
与world
之间有多个连续空格,浏览器会将它们合并成一个。网页渲染的结果是,hello
与world
之间只有一个空格。
浏览器还会将文本里面的换行符(\n
)和回车符(\r
),替换成空格。
<p>hello
world
</p>
上面代码中,hello
与world
之间有多个换行,浏览器会将它们替换成空格,然后再将多个空格合并成一个。网页渲染的结果是,hello
与world
之间有一个空格。
这意味着,HTML 源码里面的换行,不会产生换行效果。