2-Semantic WebとTag

HTMLを勉強すると見たことのある単語がたくさんあります.SemanticですSemanticとは?歴史的意味を探すなら、「意味論的」だ.
歴史的にもわかるように、Semanticとは有意義なものを指す.「視覚的にどうなるのか」と簡単に言います.私が書いたHTMLタグには何の目的がありますか?という形式のものになります.
Semantic寸法の利点

の検索エンジンに影響するため、検索時に露出します.

視覚障害のあるユーザがSemanticタグのウェブサイトを利用すれば,スクリーンリーダーのように文書を音声に変換する特殊なデバイスにより,Webへのアクセスが比較的容易になる.

セマンティックタグ
これらのラベルは、<img>、<h1> ~ <h6>、<main>、<section>などの特定の作用および目的を有する.

<img class="js-image" alt="js" src="https://www.w3schools.com/whatis/img_js.png">

.js-image {
  width: 300px;
}

<img>で画像を表すと、「ある情報が入った画像です!」ブラウザでわかります.divを使用して同じ画像を表示するコードを作成したらどうなりますか?

<div class="bg-img"></div>

.bg-img {
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/1280px-HTML5_logo_and_wordmark.svg.png");
  height: 300px;
  width: 300px;
  background-size: 100%;
}

<div>を使用すると、<img>でマークされた結果と同様に、画像がそっくりに見える可能性があります.しかし、そうすれば、意味がないだけだ.
Semantic Web
Semantic Tagを使って作成したサイトがSemantic Webです.このWebには各要素の情報が含まれており、情報を収集することで容易にアクセスできる.