HTML

3.9

웹 페이지 구조를 설계하는 시맨틱 태그

웹이 점차 발전하고 웹이 가진 정보의 가치가 높아지면서 사람이 아닌 기계도 쉽게 이해할 수 있도록 웹 페이지를 더욱 의미 있게 설계하는 일이 매우 중요해졌습니다. 이에 따라 새롭게 등장한 트렌드가 시맨틱 웹(sementic web)입니다.

시맨틱은 사전적으로 ‘의미론적’이라는 뜻이므로 시맨틱 웹은 ‘의미론적인 웹’ 정도로 직역할 수 있습니다. 요컨대, 시맨틱 웹은 더 의미 있게 웹 페이지를 설계하는 트렌드입니다. 그리고 이런 트렌드에 맞춰 시맨틱 태그를 사용하기 시작했습니다. 시맨틱 태그는 태그의 이름만으로 태그의 용도나 역할에 대한 의미가 명확한 태그를 말합니다.

지금까지 배운 태그도 알게 모르게 시맨틱 태그에 속하는 태그도 있고, 논 시맨틱(non-sementic) 태그에 속하는 태그도 있습니다. 대표적으로 table, form, a 태그 등은 시맨틱 태그에 속하고, div, span 태그 등은 논 시맨틱 태그에 속합니다.