-
Semantic Web과 Semantic Tag프론트엔드 개발자가 될거야./htmlcss 2022. 6. 20. 22:18
Semantic Web이란?
: 의미를 가지는 웹
일반 웹은 컴퓨터가 정보를 알지 못하지만
semantic web은 컴퓨터가 정보를 알 수 있다.
웹에 존재하는 수많은 웹페이지들의 잡다한 데이터 집합에
의미와 관련성을 지니는 메타데이터를 부여하여 거대한 데이터베이스를 구축한 것이다.
메타데이터
: 다른 데이터를 기술하기위해 사용되는 언어
: 특정 데이터를 검색엔진으로 쉽게 찾아낼 수 있으며 데이터를 사용하는 사람의 눈에 보이지 않고, 컴퓨터가 이용함
왜 생겨났을까?
인터넷이 활성화되면서 웹의 사용이 폭발적으로 늘어났다.
이토록 복잡하고 고도의 동적인 웹 공간에서
지식을 믿을 만하게 검색, 관리하고
웹 장치들과 인간이 교류하기 위해서는 정보의 의미 처리가 필수적이게 되었다.
따라서 의미 정보를 자동적으로 처리하는 Semantic Web이 생겨났다.
기존의 웹 기술은 정보 검색 시 무수히 많은 불필요한 정보로 정보의 홍수를 가중시켰지만
Semantic Web으로 웹 검색 툴이 훨씬 더 의미적인 방법을 사용할 수 있게하여
더 쉽게 더 정확한 정보를 수집할 수 있어 사용이 용이해졌다.
Semantic Tag
semantic tag로
컴퓨터가 HTML 요소의 의미를 보다 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹을 실현할 수 있다.
태그가 의미를 가짐으로써 검색엔진의 웹 크롤러가 사이트에 대한 정보를 비교적 정확히 제공할 수 있게 된다.
이는 최적의 검색 결과를 도출하는 것을 도와준다.
// Non-Semantic <div id="header"> 내용 </div> // Semantic <header> 내용 </header>
사이트에 이미지를 넣는 방법 두 가지
1. <img> 태그를 사용
2. <div> 태그에 background-image 속성을 추가
웹을 사용하는 사용자는 어떠한 방식으로 이미지를 넣었는지 모르지만
<img> 태그 또한 semantic tag이다.
그래서 <img> 태그는 이미지라는 의미를 담고 있어 더 명확하다.
semantic tag 참조!
https://www.w3schools.com/html/html5_semantic_elements.asp
HTML Semantic Elements
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
'프론트엔드 개발자가 될거야. > htmlcss' 카테고리의 다른 글
레이아웃의 모든 것 (0) 2022.06.21 [위코드 35기 precourse-html-css] 위코드 첫 날, htmlcss 총정리, 배운 내용 복습 (0) 2022.06.20 HTML input checkbox (0) 2022.06.15 [위코드 35기]HTML, CSS로 자기소개 페이지 만들기 (0) 2022.06.13