Widely available すべての主要ブラウザで対応済み。安心して使用可能。

対応ブラウザ

機能 デスクトップ モバイル
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
1+対応 (バージョン) 未対応 注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

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>

ライブデモ

基本的な段落

p 要素でテキストを段落に分割。文書の基本構造。

プレビュー全画面表示

リード文・本文スタイル

段落にクラスを付けてリード文と本文を区別。

プレビュー全画面表示

段落内のインライン要素

p の中に strong, em, a, code 等のインライン要素を含む。

プレビュー全画面表示

実務での使いどころ

  • <p> の活用

    <p> は HTML の要素で、テキストの段落を表します。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。