728x90
시맨틱 태그
HTML은 시맨틱 태그라는 의미가 있는 태그를 지원해요!
이런 태그가 있는 이유는 div 태그로 모든 태그들을 그룹지으면 그 그룹의 태그들이 어떤 의미로 사용된 것인지 한 번에 알기가 어렵기 때문이겠죠?
또 웹 접근성(web accessibility)과 검색 엔진 최적화(SEO)를 위해서 시멘틱 태그를 적절히 잘 사용해야하죠!
section 태그
이러한 시맨틱 태그중에서 section 태그가 있습니다!
section 태그는 연관 있는 내용들을 묶어주고싶을때 사용합니다! 주제와 주제에 관한 이야기로 section 태그를 구성해요! 그래서 주제별로 그룹화하기 위해서 사용합니다!
사용예시
<section>
<h1>문서</h1>
<p>글이나 기호로써 일정한 의사나 관념 또는 사상을 표시한 것</p>
</section>
<section>
<h1>HTML</h1>
<p>웹 페이지와 그 내용을 구조화하기 위해 사용하는 코드</p>
</section>