HTML5ではこれまでのHTMLより明確に文書構造、意味を示すことができるように新要素が追加されました。 その中で、コーディングコンテストで使用したものを紹介します。 記事のタイトルにある「アウトライン」とは文書の階層構造のことです。 HTML5ではアウトラインをどのように判別するか定義されているので、マークアップする際はこのアウトライン・アルゴリズムを意識することが重要です。 header要素 セクションのヘッダーを示します。通常はセクションの見出し要素などに加え、セクションに関する概要やナビゲーションなどをマークアップすることができます。 セクションの中で1つ使用できるので、1ページに1つまでではなく、ページ内に複数出現することも可能です。 footer要素 セクションのフッターを表します。ヘッダー同様にセクションで使用ができ、そのセクションの著者情報や関連ページへのリンク、著作