目次に戻る

p要素:HTML Living Standard各要素別メモ

概要

カテゴリー
配置できる場所
内容モデル
属性
HTML構文におけるタグの省略
  • 終了タグ→一定条件で可。
WAI-ARIA
  • すべてのroleが指定可能。
視覚系ブラウザデフォルトとして期待されるCSS

  p {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 1em;
    margin-block-end: 1em;
  }
  
意味・用法

段落を表す。

段落は通常、視覚媒体においては、空白行によって隣接するブロックから物理的に分離されるテキストブロックによって表現される。

より具体的な要素がより適切な場合は、p要素は使用されるべきではない。

アクセシビリティ関連

私見・補足

内容モデルに反する要素p要素子要素として配置された場合、同時にp要素終了タグ省略の条件を満たしてしまう場合も多く、その場合はHTML文書作成者が本来意図していない場所にp要素終了タグが省略されているものとしてレンダリングされる可能性が高い(この場合、本来意図していたp要素終了タグに対しては、開始タグが存在しないことになるので、その点については非準拠となる)。

p要素以外にも段落となりうる要素はあるので、当該部分の意味合いに適合する要素がある場合はそちらの方を使用すること。

表示確認

ソース

  <p>第一段落。</p>
  <p>第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落</p>
  <p>
  第三段落
  第三段落
  第三段落
  第三段落
  第三段落
  </p>
  
表示結果

第一段落。

第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落第二段落

第三段落 第三段落 第三段落 第三段落 第三段落