HTML の入れ子構造のルール

HTMLの文法的に合法であっても、コンテンツカテゴリーの観点から入れ子構造に制約が与えられることがある。

Wikipedia の「Lint エラー: タグの入れ子構造の誤り」として発生するエラーの原因。

https://gyazo.com/d650088eb6787aa3cafe4a6eaf60305e

この図の包含関係って、集合としての包含関係 (inclusion) なのだろうか？

埋め込み $ \sub記述$ \subフロー

見出し$ \subフロー

区分$ \subフロー

それとも component として中に含める (composite) ことができるのだろうか？

code:こんなふうに.html

<フロー>

<見出し></見出し>

<区分></区分>

<記述>

<埋め込み></埋め込み>

</記述>

</フロー>

とほほが一番情報がうまくまとまっている。

inclusion と composition を区別している。

てかHTMLの中に ruby (Ruby.icon) 入れられるのか

ちがう。Ruby (Ruby.icon) ーじゃなくて$ \overset{ルビ}{これ}か