🔸 시멘틱 요소

영역을 나누기 위해 div요소를 사용합니다. div요소는 역할과 의미를 파악하기 어렵다는 단점이 있습니다. 이러한 배경으로 의미와 역할을 가진 요소가 만들어지게 되는데 이를 시멘틱 요소라 합니다.

- header 태그 (hdr)

제목을 포함하고 있는 영역으로 사이트 상단, 컨텐츠 상단에 위치한 영역을 의미합니다.

- nav 태그 (nav)

내비게이션을 의미합니다. 현재 페이지의 위치 또는 목적한 페이지의 위치를 나타내는 영역을 의미합니다.

- section 태그 (sect)

내용들의 영역을 의미합니다. article 요소의 부모로 사용되기도 하나 article 요소의 자식으로도 허용됩니다.

- article 태그 (art)

신문이나 잡지로 보면 하나의 기사에 해당하는 영역입니다.

- footer 태그 (ftr)

사이트나 내용의 하단에 위치한 영역을 의미합니다.
사이트를 요약하거나 내용을 요약하는 영역으로 사용됩니다.

- aside 태그 (aside)

내용을 보조하는 영역을 사이드라 합니다.