Semantic Web과 Semantic Tag

Semantic의 사전적 정의

Semantic Web는 의미있는 웹?

결론부터 이야기하자면 맞다. 초기 HTML의 경우 우리가 직접 보는것이 정보였지만 웹이 발전함에 따라 정보들 또한 의미를 가지기 시작했고 컴퓨터 또한 정보의 의미를 인식할 수 있게 되었다. 아래 사진을 보자.

좌측은 각 문단을 non-semantic tag인 div를 사용하여 작성하였지만 우측은 semantic tag인 header, article, figure, footer를 사용하여 작성되었다.

좌측과 우측의 웹은 겉으로 보기엔 같은 웹으로 보이겠지만 컴퓨터와 개발자가 보기엔 하늘과 땅정도의 차이를 가지고 있다. 웹의 머리에 해당되는 header, 문단에 해당되는 article, 주석 등을 달아주는 figure, 작성자, 저작권 정보 등을 나타내는 footer를 컴퓨터와 개발자는 코드를 보며 알 수 있는것이다.

img태그 / div태그의 background-image 속성의 차이

img태그

• semantic tag
• 이미지로서 컴퓨터가 인식하여 atl 속성을 통해 검색엔진을 통한 검색이 가능하다.
• 유지보수가 어렵다.

div태그의 background-image 속성

• non-semantic tag
• 이미지는 삽입 가능하지만 검색엔진을 통한 검색이 불가능하다.
• css파일 수정을 통한 유지보수가 쉽다.