글
div, section, article
H/Html
2012. 2. 1. 17:07
Div는 블록 컨테이너 요소인 것 외에 시맨틱한 의미는 없다.
따라서 div 속의 내용들 간에 관련이 있을 필요가 없다.
Section은 일반적인 container 요소라는 점에서 div와 비슷하나,
관련된 컨텐트를 논리적으로 묶는다는 시맨틱한 의미를 가진다.
섹션에는 보통 헤더와 푸터가 있다.
섹션은 또한 컨텐트를 분할하는 요소이다.
불릿있는 리스트에서 불릿과 들여쓰기로 내용을 구분짓는 것처럼,
문서에서 새로운 섹션을 표시한다.
Article은 특수한 섹션이다.
섹션이 관련된 주제로 그룹화한 컨텐트라면,
아티클은 연관있으면서도 단독으로 뜻이 통하는 컨텐트를 묶는다.
RSS 피드를 생각하면 되는데,
피드리더에서 단독으로 의미가 전달되면 아티클이고,
그렇지는 않지만 관련있는 내용의 묶음이면 섹션이고,
아무런 시맨틱한 의미가 없으면 div이다.
출처) http://boblet.tumblr.com/post/130610820/html5-structure1
'H > Html' 카테고리의 다른 글
css로 수직 가운데정렬 4가지 방법 (0) | 2012.03.11 |
---|---|
스타일시트 영문 자동줄바꿈 (0) | 2012.02.05 |
aptana3 assist가 나타나지 않을 경우. (0) | 2012.01.29 |
HTML 태그 모음 (0) | 2011.11.11 |
HTML 자동 줄바꿈 (0) | 2011.10.28 |