We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

HTML の <p> 要素は、テキストの段落を表します。段落は視覚メディアにおいて、ふつう隣接するブロックと上下の空白や最初の行の字下げによって隔てられたテキストのブロックとして表現されます。段落はブロックレベル要素です。

コンテンツカテゴリー フローコンテンツ、知覚可能コンテンツ
許可されている内容 記述コンテンツ
タグの省略 開始タグは必須。後続する要素が <address><article><aside><blockquote><div><dl><fieldset><footer><form><h1><h2><h3><h4><h5><h6><header><hr><menu><nav><ol><pre><section><table><ul> または別の <p> 要素のいずれかである、または親要素内で他のコンテンツがなく親要素が <a> 要素ではない場合は終了タグを省略することが可能。
許可されている親要素 フローコンテンツを受け入れるすべての要素
許可されている ARIA ロール すべて
DOM インターフェイス HTMLParagraphElement

属性

この要素にはグローバル属性があります。

メモ: <p>align 属性は廃止済みであり、使用するべきではありません。

<p>これはテキストの最初の段落です。
  これはテキストの最初の段落です。
  これはテキストの最初の段落です。
  これはテキストの最初の段落です。</p>
<p>これはテキストの二番目の段落です。
  これはテキストの二番目の段落です。
  これはテキストの二番目の段落です。
  これはテキストの二番目の段落です。</p>

表示結果は以下のようになります。

アクセシビリティへの配慮

段落間の間隔を広げるために空の <p> 要素を使用することは、読み上げ技術の支援の下で操作をしている人にとっては問題になります。読み上げソフトは要素が存在することをアナウンスするものの、その中にはコンテンツが何もないという状況になる可能性があります。これは読み上げソフトを使用している人の利用を混乱させ不満をためる可能性があります。

追加の間隔をあける場合は、 margin のような CSS プロパティを使用して効果を得るようにしてください。

仕様書

仕様書 策定状況 コメント
HTML Living Standard
<p> の定義
現行の標準 最新の W3C スナップショットである HTML5 から変更なし
HTML5
<p> の定義
勧告 align 属性を廃止
HTML 4.01 Specification
<p> の定義
勧告 最初の定義

ブラウザーの対応

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応 あり あり1 あり あり あり
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり4 あり あり あり

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, yyss, ethertank, Potappo
最終更新者: mfuji09,