義理学の概念

意味:(形)意味的、意味論的

コンピュータネットワークとは、ネットワーク上の多くのページに存在する
メタデータ(metadata)を付与することで、複雑なデータセットであったWebページを「意味」と「相関」を持つ巨大なデータベースに変換できます.
これは構築したい考えです.

シンボルラベルは、検索エンジンの意味構造を示します.
(意味構造=ドキュメント構造における領域の意味を表す)

意味タグの区分

非意味要素
div、spanなど、
何の説明もしない.

意味要素
form、table、imgなど.
内容の意味を明確に説明する.

概念はここまでで,例を通して意味をさらに理解する.

意味の例

例01

ex)
<div>kang</div> //1행
<h1>kang<h1> //2행

divに囲まれた要素には何の意味もありません.
つまり,開発者は表現したい要素の意味を明確に表現していない.
ただし、h 1で囲まれた要素はヘッダ(タイトル)の中で最も高いレベルである.
視覚的に見る.つまり,開発者が意図する要素の意味が伝達される.

なぜ意味要素を使用しますか?

人によって解釈は違いますが、意味は同じです.

コードの可読性が向上し、メンテナンスが容易になります.

ブラウザ、検索エンジン、開発者
明確に説明する役割を果たす
検索エンジンは意味のあるものが好きです.
無知で書かれたコードよりも、
ページ上部に結果を表示するのはユーザーのための方法だからです.
開発者の立場から見れば
配置されたコードをdivでタッチするのが容易かどうか、例えばheader、main、imgなど
意味のあるラベルでコードをタッチするのは簡単ですか?
もちろん、意味のあるラベルに触れるのは簡単で便利です.
可読性を高め、コードを変更する必要がある場合に非常に有効であるためです.
では、すべての場合semanticコードしか生成されませんか?
それは違います.
次の例を見て、理解してください.

例02

サイトに画像を入れるには2つの方法があります.

HTML imgタグ

を使用

HTMLはdiv、CSSは背景画像を使用します.

二人はイメージの面で共通点がある.
では、違いは何でしょうか.
違いは、間違った反応の結果が異なることです.
imgタグを使用する場合

には、基本画像および画像を記述するテキスト(=alt)が表示される.

CSSで背景-画像を使用する場合

エラーが発生しても、エラーは発生しません.

ではCSSで画像を入れたほうがいいのではないでしょうか.そう言えるけど.
必ずしもCSSが良いとは限らない.

結論は?

ユーザーとWebの理解を容易にするためには、
imgラベルを使うのが望ましいですが、
画像のみをデザイン要素として使用する場合は、
むしろ使います.
そのため、仕事の都合上、見た目の良さがおすすめです.

整理する

Semantic Webは、データに満ちたWebに豊富なメタデータを提供します.
有意義な情報網として、
これは機能する方法です.
Reference
semanticWeb blog
PX blog
MDN