2.5 HTML 格式化（Formatting）

如前所述，HTML的代码和HTML的显示是不同的。

HTML 标签 比如 <p> 只是用来让浏览器解释文档内容，不会被显示。

代码注释 用于提高代码可读性，也不会被显示。

此外，还有一些格式化代码也会被浏览器忽略，包括：

• 换行（line-breaks）
• 空行（empty lines）
• 缩进（tabulations/indentation）

换行（Line-breaks）

HTML代码中的换行和空行会被浏览器忽略，只会被解释成单个空格。

<blockquote>
Web最早的想法是


通过网页


分享信息
</blockquote>

Web最早的想法是 通过网页 分享信息

为了加入起实际作用的换行符，你需要使用 <br> HTML元素：

<blockquote>
Web最早的想法是<br>通过网页<br>分享信息
</blockquote>

Web最早的想法是
通过网页
分享信息

换行使用<br/>也可以， Web的一个设计原则是包容性，如果业界习惯性的误用了某个符号，而支持它不会有什么坏的影响，那么就应该兼容。

缩进（Tab）和多个空格

“Tab” 按键以及多个空格在编辑器中通常用来对齐代码，和换行一样，也会被浏览器忽略，仅被当作一个空格。

<p>
  这 里 有 一 个 缩 进    符 号。
</p>

这 里 有 一 个 缩 进 符 号。

如果你想在单词前添加空格或者间距，你可以使用   空格元素，或者使用CSS，这会在后续章节中讲解。

树形格式

我们通常使用树形格式来表示层级嵌套关系，在嵌套中，开始和关闭标签必须成对出现，否则文档结构就会被打乱。

<article><p>这段代码写成了<strong>一行</strong>。</p></article>