<p> - 段落

首页 > HTML标签 > <p>

■ 摘要

项目说明
形式<p>~</p>
支持H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略开始标签:必须,结束标签:可省略
可包含元素内联元素

■ 说明

p 是 Paragraph(段落)的缩写。使用<p>~</p> 可以作成一个段落。

■ 属性

【特性】
属性意义
align=alignH3-H4T/e2+/N2+。指定显示位置。
  center:居中(H3-H4T/e2+/N2+)
  right:居右(H3-H4T/e3+/N2+)
  left:居左(H3-H4T/e3+/N2+)(默认值)
  justify:两端对齐(H4-H4T/e6+)

【一般属性】
属性意义
class=classH4+/e3+/N4+。指定类。
id=idH4+/e3+/N4+。指定ID。
style=styleH4+/e3+/N4+。指定样式。
title=titleH4+/e4+/N6+。指定标题。
dir=dirH4+/e5+/N6+。指定文字显示的方向。
lang=langH4+/e4+/N6+。指定语言种类。
accesskey=keyH5+。指定快捷键。
tabindex=nH5+。指定TAB键在控件中的移动顺序。
contenteditable=boolH5+/e55+。使元素可编辑。
contextmenu=idH5+。指定contextmenu。
draggable=boolH5+。可拖动。
dropzone=valueH5+。可拖放。
hiddenH5+。隐藏元素。
spellcheck=boolH5+。检查拼写。
IE扩展属性可以指定IE扩展属性。

■ 举例

HTML代码
<p>第一个段落。
直接换行有可能会变成一个空白符。</p>
<p>第二个段落。
IE等浏览器会在段落间空一行。</p>
<p>第三个段落。
多次换行
请使用BR。</p>

浏览器显示效果

第一个段落。 直接换行有可能会变成一个空白符。

第二个段落。 IE等浏览器会在段落间空一行。

第三个段落。 多次换行 请使用BR。

■ </p>的省略

虽然 </p> 可以省略,但是为了让人清楚地看出 <p> 在哪里结束,还是不要省略比较好。如果省略 </p> 的话,在使用样式表的时候有些浏览器会出bug,使网页看上去很奇怪。

■ 在<p>~</p>之间可以包含的内容

<p>~</p>之间只能包含内联元素。下面这种写法是错误的。(在 <ul> 的前面其实被浏览器理解成省略了一个 </p>,而最后的 </p> 则变成多余的。)

<p>
主流浏览器有
<ul>
<li>Internet Explorer
<li>Google Chrome
<li>Firefox
</ul>
等等。
</p>

下面这种写法才是正确的。

<p>主流浏览器有下面几种。</p>
<ul>
<li>Internet Explorer
<li>Google Chrome
<li>Firefox
</ul>

■ 段首缩进

像下面这样写 CSS 代码可以自动让段首缩进两格。

<style type="text/css">
<!--
P { text-indent: 2em; }
-->
</style>