구조적인 웹페이지를 위한 시맨틱 태그(Semantic Tag) 살펴보기 – HTML5 HTML4에는 없고 HTML5에는 있는 시맨틱 태그(semantic tag)에 대해 살펴봅니다. 시맨틱 태그는 태그 자체가 특별한 기능을 하는 것이 아닌 웹 페이지의 구조를 일목요연하게 파악할 수 있게끔 돕는 기능을 합니다. 시맨틱 태그를 적용하지 않고도 페이지를 작성할 수 있으나 시맨틱 태그를 적용한 페이지가 좀 더 구조적이라 할 수 있습니다. 태그만 보고도 어디가 제목이며 어디가 메뉴이고 어느 부분이 본문 내용인지 쉽게 파악할 수 있습니다. 이렇게 시맨틱 태그를 적용하게 되면 화면을 읽어주는 기능을 구현할 때 어느 부분이 제목이며 어느 부분이 본문인지를 쉽게 구분하며, 검색 사이트를 통해 해당 페이지의 본문을 검색할 때 또는 부터 검색하지 않고 또는 태그에서 바로 검색할 수 있게끔 합니다. 결론을 말.. 2021. 12. 14. 이전 1 다음