导入
浏览器空白字符(orientation)→浏览器空白字符
学习 HTML 和 CSS 的基础知识。
假设我们有一个包含以下内容的 HTML 文件:
1This is just some random text. 2 3We can tag it, but we don't have to. 4 5Notice that the browser does not honor any white space, except 6single 7 whitespace 8 characters 9 10It doesn't honor ENTERs and TABs.
这里有一个快速问题:上述文本在浏览器中会如何显示?
换句话说,浏览器是否会以相同的格式显示这些文本,还是会以不同的方式显示?
归根结底,这个问题可以重新表述为:浏览器是如何处理空白字符的?
为了弄清楚这一点,让我们来看第一个例子。
No configuration found for ID: 799798d21340edc93ed1d22bc04bf5502e97acf9c4ad4b39792fe387b9c63ecd
观察上面的代码,我们可以得出两个结论:
- 浏览器不会保留空白字符,除非是单个空白字符。
- 所有的“换行”、“制表符”以及空白字符都会被合并成一个单一的空白字符。
修改浏览器默认的空白字符处理规则
我们可以通过使用 HTML 元素来改变浏览器默认的空白字符处理规则。可以在文本中的任意词语周围添加 HTML 开始标签和结束标签,从而改变浏览器对空白字符的默认行为。
例如,我们可以将 <h3> 开始标签和 </h3> 结束标签添加到 It doesn't honor ENTERs and TABs 周围。
在第二个例子中,我们添加了四种不同的 HTML 元素(即 HTML 标签):
No configuration found for ID: 0f70a0c10b8121f5e77c39e4508aff597e09cff835c33f62c91303e06f7d56f5