구조태그

[HTML5&CSS3] 시멘틱 구조 태그

HTML5에서는 웹페이지의 구조를 이루기 위한 다음 태그가 추가되었습니다. header 헤더 nav 네비게이션 메뉴 aside 사이드 공간 section 특정 분류 공간 article 본문 footer 하단푸터 위 태그는 예를 들어 다음과 같이 작성될 수 있습니다. 제목 메뉴1 메뉴2 메뉴3 안녕하세요. 반갑습니다. 예제 그런데 해당 태그를 구현하고 막상 실행해 보면 화면상으로는 별다른 변화가 없음을 알 수 있습니다. 시멘틱 구조 태그의 목적은 사람이 아닌 검색엔진과 같은 기계적인 대상으로부터 웹페이지의 구조를 알려주는 데 있습니다. 예를 들어 위화면은 다음의 메인 페이지인데 사람이 눈으로 보기에는 어디가 header고 어디가 footer이며 어디가 aside에 해당하는지를 대략적으로 알 수 있습니다. ..