Semantic Elements in HTML

<header>: 문서나 섹션의 헤더를 나타냅니다
- 하나 이상의 <h1> ~ <h6>, 로고, 저자 등을 포함합니다
<footer>: 문서나 섹션의 푸터를 나타냅니다
- 저작권 정보, 연락처 정보, 관련 문서 등을 포함합니다
<nav>: 네비게이션 링크 모음을 나타냅니다
- 모든 네비게이션 링크에 사용하는 것이 아니라 페이지 내에서 주요한 네비게이션 블록에 사용해야합니다
<main>: 문서의 주요 콘텐츠를 나타냅니다
<aside>: 배치된 컨텐츠 옆에 배치될 간접적으로 관련된 컨텐츠를 나타냅니다
- 사이드바 등에 사용됩니다
<figure>: 다이어그램, 사진 등의 독립적인 콘텐츠를 나타냅니다
- <figcaption>: <figure>의 캡션을 나타냅니다
<mark>: 강조해야할 텍스트를 나타냅니다
<section>: 제목이 있는 콘텐츠의 주제별 그룹입니다
- 챕터, 소개, 뉴스 항목, 연락처 정보 등에 사용됩니다
<article>: 그 자체로 의미가 있어 해당 부분만 배포해도 문제가 없어야 합니다
- 블로그 게시물, 사용자 의견, 신문 기사 등에 사용됩니다
<details>: 사용자가 보거나 숨길 수 있는 추가 정보를 나타냅니다
- <summary>: <details>의 요약(제목)을 나타냅니다
<time>

info

<section>과 <article>은 각각 사용할 수도 있고 서로의 자식 요소로 사용할 수도 있습니다.