HTML 構造のセマンティクスをどのように理解していますか?

スタイルが削除または失われた場合、ページは明確な構造を示すことができます:

HTML 自体にはパフォーマンスがありません。たとえば、

はフォント サイズが 2em で、これが HTML のパフォーマンスであると考えないでください。実際には、HTML のデフォルトの CSS が機能するため、スタイルが削除または失われると、ページは明確な構造を表示できます。ただし、ブラウザーにはデフォルトのスタイルが備わっています。デフォルトのスタイルは HTML のセマンティクスをより適切に表現するものでもあり、ブラウザのデフォルト スタイルとセマンティクスの HTML 構造は切り離せないものであると言えます。

スクリーン リーダー (訪問者が視覚障害のある場合) は、マークアップに完全に基づいてページを「読み取り」ます。

たとえば、セマンティック マークアップを使用すると、スクリーン リーダーは単語を完全に発音しようとするのではなく、単語を「綴り」ます。

PDA、携帯電話、その他のデバイスでは、通常のコンピュータ ブラウザのように Web ページをレンダリングできない場合があります (通常、これらのデバイスの CSS サポートが弱いため)

セマンティック マークアップを使用すると、これらのデバイスが意味のある方法で Web ページをレンダリングできるようになります 理想的には、表示デバイスは、デバイス自体の条件に合わせて Web ページをレンダリングする役割を果たします 。

セマンティック マークアップは、デバイスに必要な関連情報を提供します。これにより、考えられるすべての表示状況 (既存または将来の新しいデバイスを含む) を考慮する必要がなくなります。たとえば、携帯電話では、タイトル テキストを使用することを選択できます。ハンドヘルド コンピュータでは、より大きなフォントで表示される場合があります。いずれにしても、テキストをタイトルとしてマークすると、読み取りデバイスがそれを適切に読み取ってページを表示することができます。

検索エンジン クローラーもマークアップに依存して、個々のキーワードのコンテキストと重みを決定します

以前は、検索エンジンのクローラーも Web サイトの「訪問者」であるとは考えていなかったかもしれませんが、現在では、彼らは実際に非常に貴重なユーザーであり、クローラーがなければ、検索エンジンは Web サイトをインデックスすることができず、通常のユーザーになります。ユーザーは訪問するのがとても悲しいでしょう。

ページがクローラーにとって理解しやすいかどうかは非常に重要です

。なぜなら、クローラーはパフォーマンスのために使用されるマークアップをほとんど無視し、セマンティックなマークアップのみに焦点を当てるからです。

そのため

、代わりにページ ファイルのタイトルがタグ付けされている場合、このページは使いやすさの向上に加えて、CSS と JavaScript の正しい使用を促進します。ページのスタイルと動作を適用するための多くの「フック」

SEO は主にウェブサイトのコンテンツと外部リンクに依存します。

チームの開発とメンテナンスが簡単

W3C は私たちに適切な標準を設定しており、チームの全員がこの標準に従っているため、多くの差別化された要素が削減され、開発とメンテナンスが容易になり、開発効率が向上し、さらには

モジュール開発を実現できます

。