HTML 구조적으로 태그를 쓰는 이유
-
검색의 최적화
명확히 알아보기 쉽게 태그를 정의해서 찾아보기 쉽게 한다.
-
유지보수 용이
찾아보기 쉬우면 편집하기도 쉽다.
-
접근성 향상
몸이 불편한 분들에게도 쉽게 접근할 수 있다.
-
사용성 증대
컴퓨터 상태가 좋지 않아도 편리하게 사용 가능하게 한다.
HTML5 추가된 Tag
< section >
-
한 Chapter, 하나의 맥락을 이야기 하는 할때 쓴다.
-
Heading Tag를 꼭 써야한다.
< article >
-
section 자체가 완결성을 갖출때 쓴다.
-
다시 사용 될 컨텐츠는 aritcle 태그를 쓴다.
-
Heading Tag를 꼭 써야한다.
-
ex) review, twiter - 트
< nav >
-
고정적 메인 메뉴를 보여줄때 쓴다.
-
Heading Tag를 꼭 써야한다.
-
외부에 보이지 않더라도 꼭 써야한다.
- size를 0으로 만들어서 숨겨놓기
- Beacuse… 접근성 향상을 위해서
< aside >
-
메인 컨텐츠와 관련이 적은 내용을 쓸때 쓴다.
-
Heading Tag를 꼭 쓴다.
-
ex) 배너 광고 or 사이드바
< header >
-
가장위쪽에 머리말 처럼 쓰이는 부분이다.
-
로고, 제목을 포함한 콘텐츠를 묶어줄때 쓴다.
-
반드시 어느 부분만 해당하지 않는다.
-
성향에 따라서 부분을 나눈다.
< footer >
-
가장 아래쪽에 꼬리말 처럼 쓰이는 부분이다.
-
페이지 전체, or sectioning 요소에서 footer역할을 할때 쓴다.
-
ex) 서브 사이트맵, 연락처 저작권 등
마지막으로..
- 정답이 있는 MarkUp은 없다
- BUT 용도에 맞게 남용하지 않는것이 중요하다