구조적 의미 패턴 예제
이 제목은 해당 섹션의 주제를 나타낸다.
이 문단은 제목의 주제를 소개한다.
이 문단은 제목의 주제를 계속 설명한다.
문서 안의 모든 것은 관련이 있다. 블록 구조는 관계의 순서와 밀접도를 나타낸다. 내용을 더 많은 요소로 감쌀수록, 그 내용은 부모 요소나 형제 요소에 밀접하게 연결된다.
- 이것은 순서 없는 목록이다.
- 리스트 항목은 div 안의 항목에 비해 더 관계가 밀접하다.
- 순서 없는 목록 항목의 순서는 중요도와 무관하다.
새 구조 요소
article | 기사나 그밖의 완전한 본문 내용 |
aside | 두 번째 내용(예: 사이드 바) |
footer | 푸터 영역 |
header | 헤더 영역 |
nav | 내비게이션 영역 |
section | 페이지의 논리 영역 |