TIL 09 SECTIONing elements

책 가장 첫 부분에 목차가 존재하는 것 처럼, 페이지 내에서도 개요의 역할을 하는 무언가가 필요하다.

개요를 통해 글의 전체적 흐름과 전개를 알 수 있수 있듯, sectioning elements를 통해 문서의 전체적인 구조를 만들 수 있다.

이러한 과정은 SEO에 큰 영향을 주기에 아주 중요한 과정이라 할 수 있다!!
+code의 줄간격 정리 또한 앞으로 나와 우리를 위해 잊지 말기!

Sectioning 요소

: 🚀NASA
nav aside section article

👀 NOTE

sectioning element : section article nav aside 내에는 반드시 heading 태그를 작성해야한다.

<header>

• div와 거의 동일 ;도입부라는 의미 추가 느낌
• 문서 내의 도입부

<nav>

• heading 필수
• 문서 내 이동이 가능한 link가 필요한 경우

<main>

• html 내 단 하나의 main만 사용
• 페이지 내 본론에 해당하는 부분
• 👻주의 : sectioning element가 아님

<section>

• heading 필수
• 논리적으로 완결성이 있는 부분

<article>

• heading 필수
• 블로그, 뉴스, 기사 피드 느뀜

<aside>

• heading 필수
• section이어도 괜찮지만, 본문과 별개의 존재라는 것을 알리는 느낌

<footer>

• sectioning tag에서 하단부의 묶음을 처리할때
• 페이지 하단의 정보, 카피라이트와 같은 정보