Semantic Webとは?

コンピュータがリソースに関する情報とリソースの情報を処理できるようにする意味のWebであるフレームワークと技術.

Semantic Tagとは?

例)

<div id="header"> 내용 </div>

動作を表す

<header> 내용 </header>

表示
div id=「header」という理解しにくい内容はheaderというラベルでより意味のある表現ができます.
Semantic Web VS Non-Semantic Web

それぞれSemantic WebとNon-Semantic Webとして表される.

Semantic Webには、より多くの情報が表示されています.

Semantic WebとNon-Semantic Webを使用してパーティション化します.
Semantic Webでは,タグを見るだけでその意味が分かりやすい.

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

imgラベル

altを使用して画像を表示しない場合は、「google」が表示されます.
画像が存在してもaltプロパティを表示できます.
主に画像表示時間が長い場合、alt属性の属性値が表示されます.
また、視覚障害者が主に使用する音声認識器は、サイト上のすべてのコンテンツを音声で聴くことができ、画像をクリックするとaltラベルが読み出されます.(Webアクセス性)

背景→画像のプロパティ

画像はdivタグの背景として表示されます.
背景画像が表示されていない場合、背景画像がある位置は何も見えません.

では…。

画像を表示する場合、imgタグを使用するかbackground-imageプロパティを使用するかは、Semantic Webのコンテンツから少し距離がある可能性があります.
画像を情報として使用する場合はimgタグを使用することをお勧めします.画像を背景またはモードとして使用する場合はbackground-imgageプロパティを使用することをお勧めします.