<p>
<p> は HTML の要素で、テキストの段落を表します。段落は視覚メディアにおいては、ふつう隣接するブロックと上下の空白や最初の行の字下げによって隔てられたテキストのブロックとして表現されますが、HTML の段落は画像やフォーム欄などの関連するコンテンツを構造的にまとめることができます。
段落はブロックレベル要素であり、特徴的なのは </p> で閉じる前に他のブロックレベル要素が見つかった場合は自動的に閉じることです。下記の「タグの省略」をご覧ください。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
| DOM API | ||||||
| HTMLParagraphElement インターフェイスは、（通常の HTMLElement から継承によって利用できるものに加えて） p 要素を操作するためのプロパティやメソッドを提供します。 | 1 | 12 | 1 | 3 | 18 | 1 |
基本構文
HTML
<p>This is the first paragraph. Text content goes here.</p>
<p>This is the second paragraph. Margins are automatically set between paragraphs.</p>ライブデモ
paragraphinside. inlineelement
p middle to strong, em, a, code equal. inlineelement include.
プレビュー全画面表示
実務での使いどころ
-
<p> の活用
<p> は HTML の要素で、テキストの段落を表します。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。