Semantic Web

CimanticWebは、機械が理解できる形で作成されたWebです.

多くのページにメタデータを付与することにより、煩雑なデータセットではなく多くのデータベースを持つ의미론적인 웹と의미のアイデアを構築する.

Semantic Tag

記号タグは、관련성HTML 5に導入されたタグであり、開発者およびブラウザに의미론적인 태그を提供する.

1.Semantic TagとNon-Semantic Tag

//Non-Semantic Tag
<div class="head"></div>
<div class="foot"></div>

//Semantic Tag
<header></header>
<footer></footer>

의미있는 태그は開発者が勝手に指定することができ、意味が明確ではないかもしれないが、HTML 5でclassを使用することでHTMLタグの意味を明確にすることができる.

2. Semantic Tag

Semantic Tag:ページ上部または一部のプレフィックス

<header>:ドキュメントナビゲーション、定義メニュー項目

<nav>:本文

<article>:ドキュメントのパーティションを定義

<section>:文章のテーマに間接的に関連する部分のみを表す
...

3.Semantic Tagのメリット

👉 有意義なタグを用いることで,機械は情報を効果的に理解することができる.
👉 人々が検索した情報はTagの意味でより正確に提供された.

🌟 Imgラベルと背景画像のプロパティ

<aside>タグはタグ内でimg属性を使用し、メタデータを検索エンジン最適化(Search Engine Optimization,SEO)に格納することができ、背景画像属性は情報を含まず、簡単な画像出力のみを担当する.