[HTML] 시맨틱 태그

시맨틱 태그란?

HTML에서 의미를 담고 있는(의미를 명확히 전달하는) 태그로, 그 태그가 페이지 구조 내에서 어떤 역할을 하는지 명확히 전달한다.

→ 코드를 더 명확하게 함

• <header>: 페이지나 섹션의 머리말 (로고, 사이트 제목 등)
• <nav>: 내비게이션 링크 모음
• <article>: 독립적인 콘텐츠
• <footer>: 페이지나 섹션의 바닥글
• <aside>: 본문과 간접적으로 관련된 내용. (사이드바, 광고 등)
• <main>: 문서의 주요 콘텐츠 부분. 
• <section>: 관련된 내용의 구획

 

시맨틱 태그의 장점

1. 가독성: 명확한 이름 덕분에 이해를 돕는다.

2. SEO(검색 엔진) 향상: 검색 엔진이 페이지 내용을 더 정확하게 파악한다.