这段代码写成了一行。
2.5 HTML 格式化(Formatting)
优质
小牛编辑
134浏览
2023-12-01
如前所述,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>