第9回(2023/01/18)

補足情報のエリア

HTML の<aside>要素は書のメインコンテンツと間接的な関係しか持っていない文書の部分を表現す。

サイドバーやコールアウトボックスなどを表現するためによく使われる。

<aside> ~ </aside>

【参考資料】

developer.mozilla.org

フッターエリア

HTML の<footer>要素は、直近の区分コンテンツまたは区分化ルート要素のフッターを表す。

フッターには通常、そのセクションの著作者に関する情報、関連文書へのリンク、著作権情報等を含める。

<footer> ~ </footer>

【参考資料】

developer.mozilla.org

セクションエリア

HTML の<section>要素は、文書の自立した一般的なセクション (区間) を表す。

そのセクションを表現するより意味的に具体的な要素がない場合に使用する。

少数の例外を除いて、セクションには見出しを置く。

<section> ~ </section>

【参考資料】

developer.mozilla.org

section:その範囲が一般的な章・節・項などであることを示す要素。

article:その範囲がセクションの中で、独立しており、それだけで完結していることを示す要素。

aside:その範囲がページの中で、メインコンテンツとは関連性が低い補足や広告などを示す要素。

nav:その範囲がナビゲーションであることを示す要素。

記事の投稿日時

HTML の<time>要素は、特定の時の区間を表す。

datetime 属性を使用して、機械可読な形式の日付を記述することができ、検索エンジンの結果を改善したりリマインダーなどの独自機能に使用したりすることができる。

セクションエリア

<section> ~ </section>

文書の自立した一般的なセクション (区間) を表す。セクションには見出しを置く。

【参考資料】

developer.mozilla.org

zenn.dev