시맨틱 태그(semantic tag) “Semantic”은 “의미의, 의미론적인”라는 뜻을 지니고 있다. HTML5에 제공된 “시맨틱 태그”는 그 이름 자체만으로 개발자와 브라우져에게 의미를 부여하는 태그이다. 또한, SEO(Search Engine Optimization, 검색 엔진 최적화)나 유지보수 등에 도움이 되는 태그들이다. “시맨틱 태그” 도입 전에는 “div” 태그에 “class”속성이나 “id”속성을 주어 홈페이지의 레이아웃의 구조를 만들었다. 아래의 예제처럼 말이다. “[예제 1-1]”은 과거 시맨틱 태그가 없었던 때의 레이아웃 구조 예제이다. “div”태그에 “id”속성과 “class”속성으로 각각의 “div” 태그를 구별하게 하고 구조를 만들었다. [그림 1-1]은 “[예제 1-1]”..
