2017년 3월 20일 월요일

CSS : header, nav, aside, section, article, footer 구조태그

구조태그

 - header
   헤더의 전체적인 구조를 나타내며 헤더는 header로 시작해 header로 끝남.

 - hgroup
   헤더에서 사이트의 제목이나 슬로건이 담겨지는 부분

 - nav
   사이트의 메뉴를 이루는 부분.  메뉴는 사이트의 전체메뉴이거나 특정한 상황에서만 보여지는
   메뉴일 수 있으며 필요하다면 header안에서 2개 이상의 nav요소가 사용될 수 있음.

 - section
   이 태그안에는 화면에 보여일 웹페이지의 주요 컨텐츠를 담아두며 일종의 본문에 해당

 - article
   section 안에서 주제별로 구분되는 본문을 배치

 - aside
   화면의 좌, 우측에 보여지는 컨텐츠를 포함하는 영역

 - footer
   사이트의 하단부분을 구성하는 영역




위에 태그는 사이트의 구조에서 각각의 부분이 어떤 역활을 하고 있는지 명확하게 구분하기 위한 목적이
강하며 소스상에서 구분(정확히는 검색엔진등에서)되는 용도이므로 태그가 실제 웹 브라우저에서 표시될
때 어떤 특별한 처리가 이루어 지지는 않음

그냥 각 태그에 의미를 부여 해놓은 형태인데 이것은 '시멘틱 웹'이라 표현. 실제로 header나 hgroup, nav
태그를 제거해도 브라우저에 표시되는 모양새는 태그를 사용한 경우와 별반 다르지 않음.

따라서 필요하다면 개발자나 디자이너가 직접 CSS를 정의하여 목적에 맞게 디자인을 입혀야 함.

출처: http://lab.cliel.com/entry/HTML5-헤더구조 [CLIEL LAB]


참조 :
http://aboooks.tistory.com/347

댓글 없음:

댓글 쓰기