Logo
Section 1 / 5

浏览器空白字符(orientation)→浏览器空白字符

学习 HTML 和 CSS 的基础知识。

导入

浏览器空白字符(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

简介

开始使用 CSS