肉渣教程

HTML 段落

上一节 下一节

HTML 段落

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

<p>这是一个段落</p>

<p>
这是另外一个段落,
每个段落的源代码里可以有很多行;
但是,
呵呵,浏览器是不会在乎源代码里的这些断行。
</p>

运行一下

备注:浏览器会自动地在段落的前后添加空行。(<p> 默认被定义为块级元素)


不要忘记结束标签

纵使忘了使用结束标签,大多数浏览器也会正确地将 HTML 显示出来,但是这样是不可靠的,千万不要养成忘记结束标签的坏习惯。

<!-- 忘记结束标签是一个坏习惯,不可取 -->
<p>这是一个段落
<p>这是另外一个段落

运行一下

使用 <br> 进行断行

使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br> 标签代替吧!

HTML 断行

在指定的一个段落元素中,如果需要换行(断行),请使用 <br> 标签。(<br>元素是一个空的 HTML 元素。)

<p>段落中的第一行<br>段落中的第二行<br>段落中的第三行</p>

运行一下

更推荐使用<br>

这个问题之前已经说过,<br> 与 <br /> 等价,但是推荐使用<br>,原因是写起来方便。

很久以前的w3c组织推荐尽量使用<br />来代替<br>,当时是考虑到XHTML、XML以及未来的HTML版本中所有的元素都必须关闭。但是时移世易,上面的这种说法已经过时了,XHTML不代表未来,而之前所谓的未来版本的HTML版本,就是今天的HTML5,因为XHTML的失败,所以HTML5并非是基于XHTML这个方向发展而来的;至于XML其用武之地正在逐步被JSON所逐步蚕食,而且XML与HTML本身的定位并不相同,更谈不上影响HTML开发中尽量使用<br />。总之,不需要考虑所谓的那些理由,这里肯定是更加推荐使用<br>,原因只有一点,写起来方便。

HTML <pre> 元素

pre标签是用来描述代码块的,如果想在页面中插入一段代码,请使用<pre>标签来构建元素。<pre>有一个与<p>不一样的特点:就是源代码中显示的断行空格,在浏览器渲染页面时都会显现出来的。如下所示。

<p>
这是第一行

这是第二行

这是第三行
</p>

<pre>
这是第一行

这是第二行

这是第三行
</pre>

运行一下


HTML 段落

上一节 下一节