ホーム » WEBデザイン技能検定 » p要素の終了タグ

p要素の終了タグ

問題

以下の正誤を答えてください。

p 要素の終了タグは省略することが可能である。

解答・解説

解答:正しい(○)

解説:
HTML では p 要素の終了タグ </p> は省略可能 です。ブラウザは次のいずれかのタイミングで段落を自動的に閉じます。

  • 親要素の終了に到達したとき
  • 直後に 別の段落開始 <p> が来たとき
  • 直後に ブロック要素(例:<div>, <section>, 見出し h1h6, <ul>/<ol>, <table>, <form> など)が現れたとき
<p>一つ目の段落
<p>二つ目の段落   <!-- 1つ目はここで自動的に閉じられる -->
<div>ブロック要素</div>  <!-- 直前の段落もここで自動的に閉じられる -->

注意点

  • XHTML では終了タグは省略できません
  • インライン要素(<span>, <a>, <img> など)が続く場合は段落が自動で閉じられません。思わぬ入れ子にならないよう、可読性や保守性の観点から </p> を明示するのが無難です。
<p>テキスト <img src="x.png"> 続き
<!-- 上はまだ同じ段落内。明示的に </p> を書かないと段落は閉じない -->