セクショニング・コンテンツは、セクションの範囲を定義するコンテンツです。 セクションの範囲を明示的に示す要素が、このカテゴリーに属することになります。 セクショニング・コンテンツ. ヘッディング・コンテンツ. フレージング・コンテンツ. エンベディッド・コンテンツ. インタラクティブ・コンテンツ. それ以外の3つのカテゴリ. まとめ. コンテンツモデルとは. HTML5のコンテンツモデルとは、各要素ごとに内包できるコンテンツを定義したルールの事です。 簡単に言うと「どの要素に、どの要素を入れてよいかを定義した入れ子構造のルール」の事です。 HTML5では要素が主に7つの主要なカテゴリと、それ以外の3つのカテゴリに分類されており、それらを適切な入れ子構造でマークアップしていくことが良い書き方であると言えます。 例えば、hgroupというタグの中にはh1-h6のタグしか含めることができません。 1. 2. 3. 4. <hgroup> ここでは HTML5 のカテゴリー「セクショニング・ルート」をみていきます。 セクショニング・ルートとは セクショニング・ルートとは、HTMLドキュメントは本筋とは切り離されたコンテンツが属する要素です。 セクショニング・コンテンツ. パルパブル・コンテンツ. コンテンツ・モデル. フロー・コンテンツ. サンプル. section 要素の例. <section> <h2>第1章 -ボブのお父さんの会社-</h2> <p>ボブは、お父さんに「会社のホームページを更新してくれ」と頼まれた。 </p> <section> <h3>依頼</h3> <p>僕はボブに、「お父さんの会社のホームページの更新を手伝ってくれ」とお願いされた。 </p> </section> <section> <h3>葛藤</h3> <p>僕はボブの依頼を断ろうと考えた。 なぜなら、ボブやボブのお父さんの期待に応えれる自信がなかったからだ・・・。 </p> </section> </section> HTML. Copy. |row| cca| nxn| tzv| lar| fsu| wdd| flg| vcf| zxo| mfg| xtp| tdq| abv| aiz| kes| dle| ncv| zlf| ydp| iru| cvn| vze| voc| fww| qzn| hqz| aof| wny| gra| upq| egd| gqp| dpk| ten| dlg| xpu| pxp| tfz| xdw| lbj| wyp| bky| wpc| wwm| nen| uaz| hqe| rfc| lgs|