Semantic WebとSemantic Tag

私のように、今初めて開発学習に足を踏み入れた人のために、調査の内容をできるだけ簡単に書きます.
これは脳皮層と皮層の文章です.間違ったところがあれば、指摘してください.ありがとうございます.
Semantic Web
直訳すると「意味網」という意味です.
また、GoogleでうろうろしているSemantic Webの歴史的定義はこうです.
Semantic Web
→コンピュータが情報を読み取り、理解、加工できるようにし、新しい情報を生み出すスマートWeb.
他の定義も見つかりました.

'시맨틱 웹이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여,
기존의 잡다한 데이터 집합이었던 웹페이지를 '의미'와 '관련성'을 가지는
거대한 데이터베이스로 구축하고자 하는 망상이다'

そう言えば.でも正直ここまで来ても何を言っているのか分からない.
では、なぜSemantic Webが現れたのか見てみましょう!
インターネットの活発化から、Webの使用は爆発的に増加し、それに伴ってWeb上に蓄積された情報の過度な膨張が多くの問題を引き起こした.当時、Web技術は蓄積されたデータに対してキーワード情報へのアクセスのみを許可し、情報を検索する際に不要な情報が多すぎて、情報の流れを重くした.
また,検索時には,コンピュータが必要な情報を抽出,解釈,加工できないため,ユーザが直接介入してすべての情報を処理することに不便をもたらす.
これらの問題を解決するために現れたのはSemantic Web!
なぜここに現れたのか見てみましょう.Semantic Webは何が原因ですか.
こんな名前になったのか自分で考えてみましたが...
Semantic Webが登場するまでは,Web上で検索する情報は非常に不要であり,意味がない.そのため、これらの問題を解決するために現れたのがSemantic Webであり、Web上でいくつかの有意義な情報が検索されたため、意味性と命名されたのである...そして推測.
すなわち,Web上の検索エンジンを最適化するためである.
Google、NAVER、および次の検索サイトは、検索エンジンを使用してサイトを検索します.
この検索エンジンにうまく露出するには,検索エンジンの最適化を考慮しなければならない.
最適化がうまくいかなかったら...?
たとえば、「上のコード」を検索し、上のコードのホームページではなく「上のコード」を使用しました...昨日新しく书いた内容が最初に検索されました...そんな幸せな(?)これは何かが起こる世界だと思います.上記のコードのホームページアドレスを見つけるには、上記のコードの多くの学習者の位置付けが完了した後でなければならないかもしれません.そして予想します.
とにかく...
今もう一度読んでみよう

Semantic Web이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 
기존의 잡다한 데이터 집합이었던 웹페이지를 '의미'와 '관련성'을 가지는
거대한 데이터베이스로 구축하고자 하는 망상.

ああ...今何を言っているのか分からないが、少し感じたようだ.
サイトによると、彼らは検索エンジンを使って検索しているという.
検索エンジンはどうやって検索したのでしょうか?
まだ詳しくは分かりませんが、ざっと見ると、検索エンジンはウェブサイトのHTMLコードを収集することでその意味を認識し解釈し、結果を表示しているようです.
それではここからSemantic Tagを見ればいいです
まず、HTMLタグは非意味要素、意味要素に分けることができます.
単純に思いつくのは意味のない要素と存在する要素

non-semantic 요소
→ div, span 등이 있으며 이들 태그는 content에 대하여 어떤 설명도 하지 않는다.

semantic 요소
→ form, table, img 등이 있으며 이들 태그는 content의 의미를 명확히 설명한다,

HTML 5で新しく作成されたSemantic Tagを以下に示します.

header	헤더를 의미한다
nav		내비게이션을 의미한다
aside	사이드에 위치하는 공간을 의미한다
section	본문의 여러 내용(article)을 포함하는 공간을 의미한다
article	분문의 주내용이 들어가는 공간을 의미한다
footer	푸터를 의미한다

実際、Semantic WebとSemantic Tagに対してこのような調査を行う前に、私はまだ次の質問にどのように答えるべきか分かりません.
「サイトに画像を入れるには2つの方法があります.
imgタグと
divラベルにbackground-imageプロパティを追加します.
2つの方法の違いと、どの場合に使用するメリットを説明してください.」
調査する前に、私の頭の中でこの問題に対する答えは......
imgタグを使用すると...divよりも簡単に書けます...CSSで簡単に変更できる…なんといっても毒性が良いのではないでしょうか、ここまでくると、今はちょっと違うようです.
imgタグを使用するのとdivタグに背景-画像属性を追加するのはWebブラウザで同じです.
しかし、その中では見えない情報を提供するのはSemantic Tagを使う側!
うまくいけば、うまく検索して、意味のある情報を含めるべきではないでしょうか.

img태그를 사용하는 것은 사용자가 검색을 통해 정보를 얻어가려 하거나,
이미지가 검색했을 때 웹사이트에 노출되어야 하는 정보 그 자체인 경우라면
→ img태그(Semantic Tag) 사용

이미지가 단순히 배경으로만 사용되는, 별다른 의미없이 사용되어야 하는 경우라면
→ div 태그에 background-image 속성을 사용하는 것

このように結論を下すことができるようです.