<p> - 段落

トップ > HTMLリファレンス > <p>

概要

項目説明
形式<p>~</p>
サポートH2 / e2 / Ch1 / Fx1 / Sa1 / Op1 / i1
カテゴリフローコンテンツ, パルパブルコンテンツ
親要素フローコンテンツ を子要素に持てるもの
子要素フレージングコンテンツ
タグの省略開始タグ:必須 / 終了タグ:省略可(※)
 ※ address, article, aside, blockquote, div, dl, fieldset, footer, form, h1~h6, header, hgroup, hr, main, nav, ol, p, pre, section, table, ul要素が続く場合
 ※ または、親要素(a要素を除く)の最後の要素の場合

説明

p は Paragraph(段落)の略です。<p>~</p> でひとつの段落を示します。

属性

【固有属性】
属性意味
align=alignH3-H4T/e2/Ch/Fx/Sa/Op/N2/i1。表示位置を指定します。
  center:中央表示(H3-H4T/e2/Ch/Fx/Sa/Op/N2/i1)
  right:右端表示(H3-H4T/e3/Ch/Fx/Sa/Op/N2/i1)
  left:左端表示(H3-H4T/e3/Ch/Fx/Sa/Op/N2/i1)(既定値)
  justify:両端揃え(H4-H4T/e6/Ch/Fx/Sa/Op)
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
<p>ここがひとつめの段落です。
改行はひとつの空白文字になることがあります。</p>
<p>ここがふたつめの段落です。
IEなどでは段落は1行分の隙間を空けて表示されます。</p>
<p>ここがみっつめの段落です。
複数行の改行をしたいときは
BRを使用しましょう。</p>
表示

ここがひとつめの段落です。 改行はひとつの空白文字になることがあります。

ここがふたつめの段落です。 IEなどでは段落は1行分の隙間を空けて表示されます。

ここがみっつめの段落です。 複数行の改行をしたいときは BRを使用しましょう。

</p>の省略

</p> は省略可能ですが、<p> がどこで終わっているかを明示的に示すためには、省略しないほうがよいでしょう。</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>

Copyright (C) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/p.htm