HTML 구조

컨테이너 : 콘텐츠 분할

• div
  • block 요소
• span
  • inline 요소
  • 구문 컨텐츠 (줄바꿈 없이 콘텐츠를 구분)

시멘틱 웹

: 요소의 의미를 고려하여 구조를 설계하고 코드를 작성

* header : 소개, 탐색 등
* nav : 현 페이지 링크를 보여주는 구획 > 메뉴, 목차, 색인 등
* main
* article : 독립적인 내용으로 꼭 제목 작성해주기
* section : 전체 흐름이 바뀌는 부분에서 사용
* aside : (side bar) 부가정보
* footer : 전체 페이지를 아우르는 링크들을 위치

(이미지 출처)