HTML5とは０３

HTML5の実例

無印良品

HTM5 Outlinerでチェック

• article内に、sectionを設定している
• article内に、header→hgroupを設定している
• articleにidでブロックを繰り返す
• sectionごとにh1を設定している

HTML5での検索エンジン対策

• HTML5で記述してもXHTML1.0で記述しても区別はされない
• いままでどおりの理論構造が優先
• h1だらけでも問題ない

アウトラインを作る要素

• アウトラインとはページの中における文書構造の区切りのことを指す
• ここからここまではこの見出しについての内容が書かれているという区切りを表す

セクショニング・コンテンツ

• セクショニング・コンテンツにはarticle、section、nav、asideがある

• navとasideはヘッディング・コンテンツ(見出し)の不要なセクショニング・コンテンツ

見出し／タイトル

• コンテンツ・モデルではヘッディング・コンテンツであり、タグはh1〜h6、hgroupがそれにあたる

• sectionとarticleは必ず内部の最初にこのいずれかを持つ

セクショニング・ルート

• セクションのルートとなる要素

• body、blockquote、fieldset、td、details、figureと言ったタグがそれにあたる

sectionとarticle

• この記事では、section 要素について正しい用法を解説しています。

HTML5.jp

• HTML5の概要や目的について説明しています。セクション関連要素についても紹介しています。

HTML5, きちんと。