본문 바로가기
Books/HTML Basic ✔️

[웹 개발 기초 HTML] 5장 - HTML 시맨틱 요소 (마지막)

by Aaron-Kim 2022. 2. 12.

5.1 <section>

  - 콘텐츠를 섹션으로 구분

  - 문서의 섹션 구분을 위해 사용됨

  - 콘텐츠를 섹션별로 구분해서 관리 가능

5.2 <article>

  - 포럼, 블로그, 기사 같은 콘텐츠 포함

5.3 <header>

  - 웹 페이지의 상단 영역

  - 사이트명, 로고, 메뉴 네비게이션, 소셜 링크 등 배치

5.4 <footer>

  - 웹 페이지의 하단 영역

  - copyright, 연락처 정보 등 배치

5.5 <nav>

  - 메뉴 네비게이션 링크

5.6 <aside>

  - 사이드바 역할

  - 웹 페이지에서 왼쪽 혹은 오른쪽에 배치되는 사이드바 영역

  - 사이드바 영역에서는 검색, 배너광고, 카테고리 등 배치해서 사용함

5.7 <figure>, <figcaption>

  - <figure>: 사진, 다이어그램, 차트 같은 콘텐츠 배치

  - <figcaption>: <figure>에 대한 설명


[Reference]

Source Code - HTML ch 05

개발자의 품격 (유튜브) - HTML

반응형

댓글