投稿者:yuka2pyカテゴリーブログコメント4件のコメントTweet【追記】はてなブックマークのコメントで記事中の記載ミスのご指摘をいただき修正しました。修正箇所は、最初の例(後半での再掲も含む)における結果アウトラインです。要素が導入され、これまでの見出し要素(h1〜h6)のみによる大雑把なドキュメントアウトラインの形成に伴う諸処の問題を、明示的に分かりやすく解決・表現できるようになりました。一方で、見出し要素(h1〜h6)を使った暗黙的なセクショニングも併用することが可能であり、これが人間にとって理解しにくいドキュメントアウトラインを形成することもあります。<h6>ききき</h6>123456789<h1>あああ</h1><h2>いいい</h2><h3>ううう</h3><h4>えええ</h4><section><h5>おおお</h5><h1>かかか</h1></section><h6>ききき</h6>次のアウトラインを形成します。きききどうでしょうか?もしこれに違和感があるようでしたら、まだ理解が不足していると思います。上で一緒に考えたり、議論をしたり、色々教えて頂いたりして大変勉強になりました!サンクスです!)。セクショニングとアウトラインアルゴリズムについて、僕が個人的に理解が不足していた箇所を中心に、なるべく分かりやすく解説してみたいと思います。本稿はアウトラインアルゴリズムについての補足であり、セクショニングコンテンツやセクショニングルート、また明示的・暗黙的セクションに関しての基本的な解説は含みません。必要に応じて、次のリンク先や、他の関連コンテンツを参照してください。見出しとセクションhttp://www.html5.jp/tag/elements/headings-and-sections.htmlまた、本稿での例やその他の例のアウトラインを確認したい場合には、次のサイトが便利です。マークアップが実際にはどんなアウトラインを形成するのか、自分で試してみるととても面白い発見があると思います。Outlinerhttp://gsnedders.html5.org/outliner/セクション内の最初の見出し要素が、そのセクションの見出しセクションの中の「最初の見出し要素」は、そのセクションの見出しになります。