Semantic Web & Semantic Tags

意味は人とネットの関係です.
この関係は機械が理解できる関係を意味し、人が認識し理解できる関係ではない.また、関係を表現するためには、自然言語ではなく、関係を推定することができるはずです.

Semantic Web

「なぜ心理ネットワークを使うのですか?」

コードの読み取りとメンテナンスを容易にするために!

検索エンジン(SEO)の最適化に役立ちます!(検索エンジンロボットが情報を収集する場合、より容易になるそうです)
ex)歌名を書く場合、h1はdivよりも的確に書かれており、露出性up

開発者にラベルに記入するデータ型を紹介します!

Semantic Tags

non-semantic: div , span ... 自分の内容の説明がない
semantic: form , table , article ...自分の内容を正しく定義する<div class="header">ではなく、<header>のように意味の明確なマークを提供します.

システムラベルをインポートする前に

<div id="header">
  ...
</div>
<div class="footer">
  ...
</div>

導入後

<header>
  ...
</header>
<footer>
  ...
</footer>

シンボルマークの種類

<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>

Question!

「サイトに画像を入れるには、タグと
タグにbackground-imageプロパティを追加します.2つの方法の違いと、どのような場合に使用するかを説明してください."
imgタグを選ぶと!
->imgラベルは意味ラベルです.imgタグを使用して画像を挿入すると、検索とクエリーの効率が向上します.imgラベルalt値エラーが発生した場合、画像について説明できます.
background-imageプロパティを選択したら!
->背景画像を使用すればよい.イメージが間違っているときは、何事も起こりません.デザインで使う属性だけを純粋に見ます.これは、ユーザーがコンテンツをよりよく理解できるようにするためではありません.
テキスト画像がコンテンツをよりよく理解できると思う場合は、imgラベルを使用します.そうでない場合はbackgroundイメージを使用します.つまり、場合によって書きます!