| 項目 | 説明 |
|---|---|
| 形式 | <p>〜</p> |
| サポート | H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ / i1+ |
| タグの省略 | 開始タグ:必須、終了タグ:省略可能 |
| 包含可能要素 | インライン要素 |
p は Paragraph(段落)の略です。<p>〜</p> でひとつの段落を示します。
| 属性 | 意味 |
|---|---|
| align=align | H3-H4T/e2+/N2+/i1+。表示位置を指定します。 center:中央表示(H3-H4T/e2+/N2+/i1+) right:右端表示(H3-H4T/e3+/N2+/i1+) left:左端表示(H3-H4T/e3+/N2+/i1+)(既定値) justify:両端揃え(H4-H4T/e6+) |
| 属性 | 意味 |
|---|---|
| class=class | H4+/e3+/N4+。クラスを指定します。 |
| id=id | H4+/e3+/N4+。ID を指定します。 |
| style=style | H4+/e3+/N4+。スタイルシートを指定します。 |
| title=title | H4+/e4+/N6+。タイトルを指定します。 |
| dir=dir | H4+/e5+/N6+。文字の表示方向を指定します。 |
| lang=lang | H4+/e4+/N6+。言語を指定します。 |
| accesskey=key | H5+。アクセスキーを指定します。 |
| tabindex=n | H5+。タブインデックスを指定します。 |
| contenteditable=bool | H5+/e55+。要素を編集可能にします。 |
| contextmenu=id | H5+。コンテキストメニューを指定します。 |
| draggable=bool | H5+。ドラッグを可能にします。 |
| dropzone=value | H5+。ドロップを可能にします。 |
| hidden | H5+。要素を非表示にします。 |
| spellcheck=bool | H5+。スペルをチェックします。 |
| IE拡張属性 | 他にもIEで拡張された属性が指定可能です。 |
<p>ここがひとつめの段落です。 改行はひとつの空白文字になることがあります。</p> <p>ここがふたつめの段落です。 IEなどでは段落は1行分の隙間を空けて表示されます。</p> <p>ここがみっつめの段落です。 複数行の改行をしたいときは BRを使用しましょう。</p>
ここがひとつめの段落です。 改行はひとつの空白文字になることがあります。
ここがふたつめの段落です。 IEなどでは段落は1行分の隙間を空けて表示されます。
ここがみっつめの段落です。 複数行の改行をしたいときは BRを使用しましょう。
</p> は省略可能ですが、<p> がどこで終わっているかを明示的に示すためには、省略しないほうがよいでしょう。</p> を省略すると、スタイルシートと組み合わせた場合は特に、ブラウザのバグにより、レイアウトが崩れてしまうケースもあるようです。
<p>〜</p>の間には インライン要素 しか含めることはできません。次のような記述は間違いとなります。(<ul> の前に </p> が省略されていると見なされ、最後の </p> が余分になります。)
<p> よく利用されているブラウザには <ul> <li>Internet Explorer <li>Netscape Navigator </ul> などがあります。 </p>
次のようにすれば大丈夫です。
<p>よく利用されているブラウザには次のものがあります。</p> <ul> <li>Internet Explorer <li>Netscape Navigator </ul>
次のような スタイルシート を記述することで、段落開始部の字下げ(1文字分のスペースを入れること)を自動的に行うことができます。
<style type="text/css">
<!--
P { text-indent: 1em; }
-->
</style>