Skip to main content
2 / 2
本文に 136 文字追加
Yuki TANABE
  • 171
  • 2
  • 13

先に回答が出ていますが、詳しい解説および自分の復習もかねて、まとめを。
概ね、省略しても文章構造が理解できる(つまり、普通は入れ子にしないだろう・普通はこの次にこれを入れるだろうというような組み合わせ)のものが終了タグの省略が可能だったりします。
・・とはいえ、おおよそのものが「スタートタグ・エンドタグ双方の省略が不可」です。

以下タグについては、その下記条件を満たすことで省略が可能です。

開始タグ省略可能

  • HTML
    最初の文がコメントでない場合
  • HEAD
    空要素の場合 または 最初の文が他の要素である場合
  • BODY
    空要素の場合 または 直後が空白文字またはコメント または meta, link, script, style templateの各ではない場合。
  • COLGROUP
    最初の要素がcol要素かつ、直前に終了タグが省略された別のcolgroupが存在せずかつ、空要素でない場合
  • TBODY
    最初の要素がtrでかつ、終了タグが省略された別のtbody, thead, tfootが直前に存在せずかつ、唐様粗でない場合

終了タグ省略可能

  • HTML
    直後の文がコメントでない場合
  • HEAD
    直後が空白文字またはコメントではない場合
  • BODY
    直後が空白文字ではない場合
  • LI
    他のLI要素が後についており、親要素に追加コンテンツがない場合
  • DT
    他のDTまたはDDの要素が後についてる場合
  • DD
    他のDD要素またはDT要素が後についており、親要素に追加コンテンツがない場合
  • P
    address, article, aside, blockquote, div, dl, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, main, nav, ol, p, pre, section, table, または ulの直後に存在する場合 または 親要素に追加コンテンツがない場合で親要素がaでない場合
  • RB, RT, RTC, RP
    他のrb, rt, rtc, rp要素が直後に存在する場合 または 親要素に追加コンテンツがない場合
  • OPTIONGROUP
    他のoptiongroup要素が直後に存在する場合 または 親要素に追加コンテンツがない場合
  • OPTION
    他のoptiongroup, option要素が直後に存在する場合 または 親要素に追加コンテンツがない場合
  • COLGROUP
    直後が空白文字またはコメントではない場合
  • THREAD
  • tbody or tfootが直後に存在する場合*
  • TBODY
    他のtbody, tfootが直後に存在する場合 または 親要素に追加コンテンツがない場合
  • TFOOT
    他のtbodyの直後に存在する場合 または 親要素に追加コンテンツがない場合
  • TR
    別のtrが直後に存在する場合 または 親要素に追加コンテンツがない場合
  • TD, TH
    別のtd, th要素が直後に存在する場合 または 親要素に追加コンテンツがない場合。

ただし、(これら全ての場合において、)属性を持つ開始タグは省略できない

終了タグを必ず省略

  • 空要素として定義されているもの
  • area, base, br, col, embed, hr, img, input, keygen, link, meta, param, source, track, wbr
Yuki TANABE
  • 171
  • 2
  • 13