quote, HTML5.JP – 次世代HTML標準 HTML5情報サイト
About the contents model reference
https://www.html5.jp/tag/models/index.html#phrasing-content
■ヘッディング・コンテンツ
ヘッディング・コンテンツは、セクションのヘッダーを定義します（ 明示的にセクショニング・コンテンツ要素を使ってマークアップしようが、ヘッディング・コンテンツ自身の存在によって示そうが、どちらでも構いません。 ）。
h1 h2 h3 h4 h5 h6 hgroup
■セクショニング・コンテンツ
要素やセクショニング・ルート要素のアウトライン
セクショニング・コンテンツは、見出しやフッターの範囲を定義するコンテンツです。
article aside nav section
セクションとは、本来の DOM ツリーのいくつかのノードに相当するコンテナのことです。各セクションは、それに結びづけられた見出しをひとつ持つことができます。そして、さらに多くのネストしたセクションを含むことができます。 アウトラインに対して、このアルゴリズムはまた、DOMツリー内の各ノードを、特定のセクションおよび潜在的な見出しと結びづけます。
■テキストノード
要素ノードとテキストノードの関係は「親と子供」に似ています。
要素ノードは「親ノード」、テキストノードは「子ノード」と区別されます。
＜親ノード＞子ノード＜／親ノード＞
■コンテンツ・モデル
本仕様で定義されている要素は、それぞれに、その要素に期待されるコンテンツの種類を表すコンテンツ・モデルを持ちます。HTML 要素には、その要素のコンテンツ・モデルで記述される要件に一致するコンテンツを入れなければいけません。
■エンベッディッド・コンテンツ
エンベッディッド・コンテンツとは、ドキュメントに他のリソースを組み込むコンテンツ、もしくは、ドキュメントに挿入される他の語彙のコンテンツのことです。
audio canvas embed iframe img math object svg video
■フォールバックコンテンツ
フォールバックとは、もしブラウザーが該当の要素に対応していない場合に、完全なものではないにせよ、何かしらの手段を提供することを意味します。同等の代替手段がない場合は、もしかしたら、「ご利用頂けません。」というメッセージになるかもしれませんが、これでも、何も表示されない状況と比べれは、いくらかはマシと言えるでしょう。
1 2 3 | <canvas width="300" height="150"> <!-- ここにフォールバックコンテンツを入れます。 --> </canvas> |
このように、canvas 要素の開始タグと終了タグの間に、フォールバックコンテンツを入れます。こうすることで、もしブラウザーが canvas 要素に対応していなかったり、JavaScript を無効にしていれば、フォールバックコンテンツが表示されることになります。
フォールバックコンテンツをどのようなものにするかは決まっていない。製作者次第。
■擬似要素使用
基本的にはclass 属性