main要素

このレッスンでは html の中で メインコンテンツを定義することができる main 要素について学びます 画面では W3C の勧告する HTML5 の仕様書の中で main 要素に関する詳細ページを 開いているところです 少し下にスクロールして main 要素の概要について紹介していきます main 要素は文書やアプリケーションの中で 本体となる主な内容を表しています これは非常に特異な要素です メインコンテンツの領域は コンテンツに直接的に関連している内容で 構成され そのドキュメントの核となるトピックを 含んだり アプリケーションの中心的な機能を 含んだりします 法律用語のように 難しく聞こえるかもしれませんね 例えば あなたがスクリーンリーダーを使っていて main 要素のあるウェブページを 訪れたとしましょう この時 ページの中に main 要素があると コンテンツの主要な部分に スクリーンリーダーがジャンプして そこから読み上げ始めることが できるようになります main 要素によって このページの主な内容がどれかを 識別できるからです main 要素は ページの中で 一つだけ使うことができます また main 要素はアウトライン セクションを生成するわけではありませんので フローコンテンツとして扱われます この下の Note の部分 緑のこのノートの部分にも そのように書いてあります main 要素は セクショニングコンテンツではありません そして その下のこの部分の概要には main 要素で定義された内容は その文書に固有である内容を含む と書いてあります つまり 他のページにも 同じものがあるようなコンテンツは main 要素から除外すべき ということです 例えば サイトナビゲーションのための リンク 著作権情報 ロゴ バナー このようなものです このようなものは 一つのウェブサイトの中では 複数回 様々なページで出現する可能性があります このようなコンテンツは main 要素から除外すべきということです 逆に言うと main 要素のコンテンツは 「ユニーク」 「一意」である必要があり かつ ページのメインコンテンツである 必要があります この要素を使うことによって 任意のデバイスや 検索エンジン スクリーンリーダーなどに…