Semantic WebとSemantic Tagについて


1. Semantic web


Semantic Webとは?
Semantic Webは「意味Web」という意味で、機械が理解できる形で作成されたWebです.
つまり、脳の言語に対する理解はコンピュータ言語で表現され、コンピュータがそれを使用できるようにすることができます.
要するに、Semantic Webは、複雑なデータのセットではなく、「意味」と「相関」を持つ大規模なデータベースを構築するためのWeb上の大量のWebメタデータを提供します.
SEMANTIC WEBをデザインしたのでSEMANTIC TAGが出てきました
簡単な例として、過去のXHTMLまたはHTML 4では
<div id="header"> 내용 </div>
現在のバージョンのHTML 5には、意味Webの構成を容易にする要素が追加されています.
<header> 내용 </header>
意味的に表現しやすくします.これはdivとid=headerを以前に読み取ったXHTMLやHTML 4よりもずっと効率的です.

2. Semantic tag


2.1 Semantic tagとは?
これは,Webをユーザも機械も理解できる形式,すなわち利用可能なデータに発展させるためのラベルである.
より簡単に言えば、HTML 5言語に精通していない人がこのタグを表示することを許可するが、このタグが何を意味するかを識別できるタグをSemantic Tagと呼ぶ.
2.2 Semantic Tag
<header>   페이지 상단이나 섹션의 머리말
<nav>      문서의 네비게이션, 메뉴 항목을 정의
<section>  문서의 구획들을 정의
<article>  본문
<aside>    글의 주제와 간접적으로만 연관된 부분을 나타냄
<details>  추가적인 정보를 사용자가 숨기거나 보일 수 있게함
<summary>  부모요소인 details 요소의 내용에 대한 요약이나 캡션등을 나타냄
<figure>   사진, 다이어그램 등과 같은 부가적인 요소를 정의
<main>     문서의 주가 되는 컨텐츠 정의
<mark>     하이라이트 또는 참조와 같은 표시를 필요로 하는 문자를 정의
<time>     날짜, 시간을 정의
<img>      이미지
<video>    비디오(영상)
<audio>    사운드(소리)
背中がある.

3.結論


3.1だからimgラベルとbackgound-img属性の違いは何ですか?
imgタグは最終的に意味のあるシンボルタグであり、コンピュータはそれを理解することができ、alt属性にエラーが発生した場合、画像が破壊されても、どのような画像であるかを知ることができますが、background-imageは意味のあるタグではなく、属性であり、どのような画像であるかは分かりません.また、コンピュータはこのラベルがどんな画像なのか分かりません.
結論として、ユーザのミラーリングが破壊されても、その画像に関する情報を含む必要があり、検索エンジンがウェブページをよりよく表示できるように、img tagを視覚マーカーとして用いることが好ましく、background-imageを画像(例えばウェブデザイン)として美の要素として用いることが望ましい.