Semantic Tags
- 가독성을 늘려준다.
- 검색엔진 최적화에 도움을 준다.
- 접근성을 향상시킨다.
header, main, footer
- 각각 헤더, 메인 페이지, 푸터를 의미한다.
header - 로고 / nav
main - 내용
footer - 회사 주소 등 정보
section
- HTML 문서의 독립적 구획을 표현한다.
article
- 독립적인 글을 다룬다.
- 블로그 게시물, 뉴스기사 등이 있다.
aside
- 옆에 위치하는 콘텐츠를 정의한다.
- 주로 사이드바에 쓰인다.
detail
- 사용자가 보거나 숨길수 있는 세부정보이다.
figure / figcaption
figure - 일러스트, 다이어그램, 사진 등을 지정
figcaption - figure 요소의 캡션을 지정한다.
nav
- 웹사이트 메뉴, 탭, 탐색링크가 포함된 네비게이션 바
만능 컴덕후 겸 번지 팬