Webページの意味構造を作成する - ダミー

意味的に関連するページを作成することは、iPadが登場するずっと前からWeb上で良い習慣でしたが、HTML5はWebページを設計する際にセマンティクスをどのように使用するかを一貫しやすくする。意味論的に関連するページを作成するというアイデアは、

意味 または 意味 を有する「データのウェブ」を構想したワールド・ワイド・ウェブの発明者であるティム・バーナーズ・リー>。 <！ - 1 - >

意味構造を持つWebページを作成することは、Webページに意味を与えるので、長い間ベストプラクティスと考えられてきました。 HTML4とXHTMLでは、Webデザイナーは、HTMLタグで十分に確立されたルールに従って、意味構造を作成できます。

たとえば、ページ上で最も重要な見出しは、見出し1または

タグでフォーマットする必要があります。同様に、ほとんどのWebデザイナーは、ヘッダーやフッターなどの名前を持つサイトのメインセクションのクラスまたはIDスタイルを定義して、ページ上の役割と重要性を特定します。

<！ - 2 - >

HTML5では、一連の新しい意味要素を追加することで、この概念をさらに進歩させています。クラスやIDスタイルを作成してタグに適用するのではなく、HTML5では、やのような名前のタグを使用するだけです。

したがって、

などのIDスタイルを使用するのではなく、単に使用することができます。ただし、名前に対応するスタイルルールのセットを定義しない限り、新しいタグ は es と同じようにタグに似ていません。 <！これらの意味要素をHTML5に組み込むことで、HTMLページをより一貫性のある方法で構造化することができます。これは、スクリーンリーダーを使用してWebページを大声で読む人にとって、ウェブページをより使いやすくするためです。ウェブページのコンテンツをそのデザインに関係なく解釈する必要のある検索ボットやその他のプログラムについては、

このように考えてみましょう：ウェブページが見えるときは、ページのどの部分がヘッダー（リンク付きのナビゲーション領域を持っているか）とフッター（著作権とその他の情報）。しかし、Webページを解釈する必要があるボット、リーダー、その他のプログラムのどれも、デザインを見ることができません。それは、セマンティクスを使用することが重要である理由の一部です。

ページの意味構造は、コンテンツのスタイリングと位置付けとは無関係であるため、認識可能なセクションが論理構造を構成するため、意味を持つページを作成できます。ページを見ることができるあなたの訪問者のために、ヘッダーやフッターなどのセクションのスタイルを設定して、ブラウザーに表示することができます。