시맨틱구조 (1) 썸네일형 리스트형 프론트엔드 로드맵 8 의미론적(Semantic)인 HTML란 무엇인가? 시맨틱(Semantic)이란? '의미'를 뜻한다. 따라서 시맨틱 구조라 하면, HTML의 요소(Element)가 가진 목적이나 역할에 따라서 의미론적인 구조를 말한다. 예를 들어 태그는 "이 페이지에서 최상위 제목"을 뜻하는 의미로 사용된다. 이것은 제목입니다 동일하게 보이도록 작성할 수도 있다. 이것은 제목입니다. 그러나 이렇게 짠 코드는 의미적 가치(semantic value)가 없으므로 시맨틱 구조에 위배된다. - 의미론적 마크업을 통해 중요 키워드가 검색 엔진에 영향을 줄 수 있다. - 시각 장애가 있는 사용자가 페이지를 탐색할 때 의미론적 마크업의 도움으로 보다 쉽게 읽어낼 수 있다. - 의미를 부여하면 코드 블록을 분류하고 정리하는 데에 훨씬 도움이 된다. - 개발자에게 태그 안에 들어갈 데이.. 이전 1 다음