【HTML】Semanticとは何ですか.なぜ使いますか.

Semantic
プログラミングでは、コードフラグメントの意味を意味します.
「このJavascriptコードを実行するとどんな効果がありますか?」
「このHTML宣言の目的または役割は何ですか?」
JavaScript構文
textContent文字列をパラメータとして<li>要素を返す関数.
上記の関数をbuild('Peach')と呼ぶよりも、createLiWithContent('Peach')と呼ぶ方が関数機能をより具現化する方法である.
CSSコンピュータ
異なる種類の果物のリストラベル<li>を表示
選択div > ul > liは、上記のラベルが.fruits__itemであるよりもDOMの選択部分を表すことができる.
HTML構文<h1>ラベル

<h1>This is a top level heading</h1>

HTMLでは、<h1>タグがページ内のタイトルテキストを包む役割を果たし、タグ自体が自分の役割を表すSemanticタグである.
Semantic Web
セマンティックWeb(Semantic Web)は、直訳されたセマンティックネットワークである.
より詳細には、セマンティックタグ(Semantic Tag)を用いて情報の意味に従って組織されたWebである.
次世代インテリジェントWebは、コンピュータが人間の代わりに情報を読み、理解し、加工することができ、新しい情報を生成することができるという意味を理解しやすい.
また,別の意味では,情報を分析することにより,情報の関係から有意義な資料を抽出し,Web上に展示するページである.
仮想ネットワークは、コンピュータに理解させるために丹念に定義されています.
既存のWebを拡張することで、仮想Webはコンピュータが理解できる定義に基づいて意味相互運用性(意味相互運用性)を実現することができる.
私たちの目標は、コンピュータが様々な情報資源を自動的に処理し、データを統合し、再使用することができ、人間とコンピュータを同時に理解できるWebを作成することです.
なぜSemantic Webを設定するのですか?
1.検索エンジンの最適化
検索エンジンを持つサイトは、ロボットを使って各サイトの情報を収集します.シンボルマークで構成されたサイトは、マーク自体が意味を持つため、ロボットが情報を収集しやすい.すなわち,検索エンジンの最適化に有利である.
2.アクセス性(アクセス性)
シンボルタグを使用するサイトは、コードをより簡単に説明できます.したがって、複数のデバイスやブラウザからアクセスしても、サイトをより簡単に表示できます.つまり、Webサイトのアクセス性が向上します.特に視覚障害者の場合、ウェブサイトの文書を読むことができるスクリーンリーダーを使用する場合、都市ラベルを使用するウェブサイトがより有利である.
3.コードの簡潔性&可読性<div>,<span>のような意味不明なタグを用いてコードを記述すると,タグに含まれる内容が何であるか理解しにくい.逆に、シマンティックタグに含まれる内容は何を意味するのか、コードを一目で理解しやすい.すなわち,コードが簡潔になり,可読性が良くなる.
参考になる文章
Semantics-用語辞典|MDN