영단어 Semantic은 '의미의', '의미론적인' 정도의 뜻을 가지고 있다.
Semantic Tag란, Tag자체의 역할(의미)가 부여되어 있는 Tag라고 보면 된다.
가령 제목을 큰 글씨로 표현하기 위하여 style에서 font-size를 큰 값으로 줘도 표현은 가능하지만 h1태그를 이용하면 이것이 제목이라는 정보도 함께 갖게 되는 것으로 이해할 수 있다.
이 경우 여러 웹 페이지에서 제목만을 추출하려고 할 때, h1태그를 사용하지 않고 font-size를 이용한 웹페이지에서는 html코드의 어느 부분이 제목인지 판단하기 어려울 수 있으나 h1코드를 사용한 경우 h1코드가 제목이라는 것을 쉽게 파악할 수 있다.
이렇게 Semantic Tag를 적극적으로 활용한, 컴퓨터가 의미를 파악할 수 있는 web을 Semantic Web이라 칭한다.
웹사이트에 이미지를 삽입할 때, img태그를 사용하면 이것이 그냥 이미지 파일임을 뜻하여 무조건 전체 이미지가 출력되게 되지만 background-image태그를 사용하면 말그대로 배경사진으로 활용될 것을 의미하기 때문에 이미지가 들어있는 영역에 크기에 해당하는 부분만 사진이 보이도록 할 수 있는 것도 Semantic Tag의 일례이다.
Semantic Web은 우리의 웹페이지를 다루게 될 알고리즘은 물론, 내 코드를 보게 될 다른 사람들에게도 어떤 의도로 작성되었는지 더 잘 보여줄 수 있다는 장점이 있다.
박광수입니다.