먼저 semantic이란 무엇일까요?

프로그래밍에서 semantic은 코드 조각을 의미를 나타낸다고 합니다. 예를 들어 (이게 어떻게 시각적으로 보일까?) 보다 이 javascript 라인을 실행하는것은 어떤 효과가 있는가? 혹은 이 html 엘리먼트가 가진 목적이나 역할을 무엇일까?

• javascript시맨틱
• css시맨틱
• html시맨틱

쉽게 요약하면 영화종류에 대해서 리스트 태그 li가 있다고 가정하면, li 와 .movie-list 둘 중 어느것이 웹페이지 dom을 이해하기 쉬울지 생각해봅니다.

semantic web이란?

쉽게 말하면 의미론적인 웹 이고, 컴퓨터가 정보의 의미를 분석하여 이해하고 그 관계 속에서 자료 검색 및 처리하여 의미적 자료를 추출하여 보여줄 수 있는 지능형 웹이라고 합니다.

semantic web 구성요소
1. ontology - 도메인 어휘의 의미 정보를 표현한다
2. RDF - 정보 자원이나 자원의 구조를 표현하는 언어이다.
3. XML - 메타 정보 표현 언어인 XML, XML 상에서의 동일한 요소나 속성을 구분하기 위해 쓰이는 이름인 Namespace, XML 문서의 마크업 방식에 대한 정의인 XML Schema 등과 같은 다양한 표준을 의미한다.

제가 이해한부분을 예시로 들자면 서울에서 치킨을 먹고싶다는 문장에서 데이터를 추출하여 서울내에는 치킨집을 가는방법과 비용 메뉴 가격등을 보여주는 웹이라고 생각합니다.

semantic tag란?

예를 들면 div는 semantic tag가 아니지만 table tag는 semantic tag라고 볼 수 있습니다.

쉽게 이해한다면 div 를 보면 태그안에 어떤 내용이 들어갈지 잘 모르지만 예를들어 table 를 보면 태그안에 표가 들어간다고 유추가 가능해 태그의 의미를 더 정확하게 사용할 수 있는것 같습니다.

시맨틱 태그가 특별한 기능이 있는건 아니지만 의미를 파악할 수 있어 가독성을 높이는 장점이 있다고생각합니다.