HTML开发之——段落(9)

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 HTML段落

段落是通过<p>标签定义的

1
2
<p>This is a paragraph</p>
<p>This is another paragraph</p>

注释：浏览器会自动地在段落的前后添加空行。(<p>是块级元素)
提示：使用空的段落标记<p></p>去插入一个空行是个坏习惯。用<br/>标签代替它！(但是不要用<br/>)标签去创建列表

二 不要忘记结束标签

即使忘了使用结束标签，大多数浏览器也会正确地将HTML显示出来：

1
2
<p>This is a paragraph
<p>This is another paragraph

上面的例子在大多数浏览器中都没问题，但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误

注释：在未来的HTML版本中，不允许省略结束标签

提示：通过结束标签来关闭HTML是一种经得起未来考验的HTML编写方法。清除地标记某个元素在何处开始，并在何处结束，不论对您还是浏览器来说，都会使代码更容易理解

三 HTML折行

如果你希望在不产生一个新段落的情况下进行换行(新行)，请使用<br/>标签：

1
<p>This is<br />a para<br />graph with line breaks</p>

<br>元素是一个空的HTML元素。由于关闭标签没有任何意义，因此它没有结束标签

3.1 <br> 还是 <br />

您也许会发现<br>与<br/>很相似。
在XHTML、XML以及未来的HTML版本中，不允许使用没有结束标签(闭合标签)的HTML元素
即使<br>在所有浏览器中的显示都没有问题，使用<br/>也是更长远的保障

四 HTML 输出 - 有用的提示

  • 我们无法确定HTML被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果
  • 对于HTML，您无法通过在HTML代码中添加额外的空格或换行来改变输出的效果
  • 当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML代码中的所有连续的空行(换行)也被显示为一个空格