들어가기 전
html 훈련을 마치고 다음 섹션을 살펴봤는데 트위터 마크업 챌린지 라길래 설마 트위터를 클론코딩하라는 건가..? 싶었는데 그거랑은 좀 다른 맥락인 거 같다!! 시맨틱 마크업을 위해 어떻게 하면 구조적인 웹 문서를 설계할 수 있을지에 대한 기반을 다지는 강의인 거 같다.
구조적 웹 문서 설계란
- 구조적으로 설계한다는 것은 글의 구조를 쉽게 파악할 수 있도록 html을 설계하는 것
문서를 살펴볼 때는
- 몇 단원으로 구성되어 있는지
- 각 단원의 제목
- 소단원과 소단원의 주제
- 이를 통해 글의 전개 흐름을 파악하고 정보의 위계질서를 파악한다.
- 브라우저도 개요가 필요하며 이는 검색 최적화에도 큰 도움이 된다.
Sectioning elements
- section, article, nav, aside
- 그리고 sectiong elements는 아니지만 그만큼 중요한 header, main, footer 태그에 대해 살펴볼 예정이다.
마무리
- 상황에 맞게 적절한 sectioning 요소를 올바르게 사용하는 방법을 익히고 구조적으로 아름답게 웹 문서를 설계하는 방법에 대해 배울 거라 하신다!
R=VD 프론트엔드 개발자