ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTML5 ではなぜセマンティック要素が使用されるのでしょうか?

HTML5 ではなぜセマンティック要素が使用されるのでしょうか?

青灯夜游
リリース: 2022-01-11 15:23:04
オリジナル
1443 人が閲覧しました

html5 は、セマンティック要素を次の目的で使用します: 1. Web サイトのアクセシビリティを向上させ、より良い Web サイト構造の作成を支援します; 2. 後の変更とメンテナンスを容易にします; 3. スクリーン リーダーやその他の補助ツールの利用を容易にします。障害を持つ人々により良いオンライン体験を提供するためにページがスキャンされます; 4. 検索エンジンの最適化に役立ちます。

HTML5 ではなぜセマンティック要素が使用されるのでしょうか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

どの言語でのコミュニケーションにおいても、言葉の意味を理解することは非常に重要です。これがコンピュータ通信であれば、さらに重要になります。したがって、HTML5 では、コードを容易に理解できるように、より多くのセマンティック要素が提供されています。

したがって、セマンティクスは単語やフレーズの意味、つまり

セマンティック要素 = 意味を持つ要素を定義します。セマンティック要素は、ブラウザーと開発者の両方にとって単純かつ明確な意味を持ちます。

例:

HTML4 では、

などは非セマンティック要素です。彼らは何も明らかにしませんでした。

一方、

、、
などは、内容を明確に定義しているため、意味要素です。

HTML5 セマンティック要素は、すべての主要なブラウザーでサポートされています。

なぜセマンティック要素を使用するのでしょうか?

HTML4 では、開発者は独自の ID/クラス名を使用して要素 (ヘッダー、上部、下部、フッター、メニュー、ナビゲーション、メイン コンテンツ、コンテナー、コンテンツ、記事、サイドバー) をスタイルする必要があります。 、トップナビなど。

検索エンジンが正しい Web ページのコンテンツを識別することは非常に困難です。これは、HTML5 要素 (