[HTML] semantic web

시멘트? 아니다 시멘틱이다.

시멘틱 웹이란

시맨틱 웹(Semantic Web)은 '의미론적인 웹'이라는 뜻으로,현재의 인터넷과 같은 분산환경에서 리소스(웹 문서, 각종 파일, 서비스 등)에 대한 정보와 자원 사이의 관계-의미 정보(Semanteme)를 기계(컴퓨터)가 처리할 수 있는 온톨로지 형태로 표현하고, 이를 자동화된 기계(컴퓨터)가 처리하도록 하는 프레임워크이자 기술이다. 웹의 창시자인 팀 버너스리가 1998년 제안했고 현재 W3C에 의해 표준화 작업이 진행 중이다.

쉽게 이야기해서 검색엔진을 통한 정보 수집을 할때 컴퓨터가 이해할수 있는 의미있는 코드로 작성이 되어있는 웹사이트라고 말할수 있겠다.

<!-- 변경 전 -->
<div id="header"> 내용 </div>

<!-- 변경 후 -->
<header> 내용 </header>

변경 된 후의 코드를 보면 아~ header 부분이구나 라고 컴퓨터가 이해할수 있다는 것이다. 즉 의미론적으로 표현 할 수 있다.

HTML5 시멘틱 구조 태그

• header : 헤더를 의미
• nav : 네이게이션을 의미
• section : 사이드에 위치하는 공간을 의미
• aside : 여러 중심 내용을 감싸는 공간을 의미
• article : 글자가 많이 들어가는 부분을 의미
• footer : 푸터를 의미

시멘틱 태그를 통한 레이아웃을 구성하면 컴퓨터가 보아도, 사람이 보아도 의미있는, 시맨틱해 보인다.

📌 Reference

• https://developer.mozilla.org/ko/docs/Glossary/Semantics
• https://ko.wikipedia.org/wiki/%EC%8B%9C%EB%A7%A8%ED%8B%B1_%EC%9B%B9
• https://poiemaweb.com/html5-semantic-web
• https://dotnettutorials.net/lesson/semantic-elements-html/