[HTML] 시맨틱 태그(Semantic Tag), HTML 레이아웃

 

이미지 출처: https://seonueo.tistory.com/32

 

시맨틱 태그(Semantic Tag)

• 의미를 가지고 있는 태그
• 컴퓨터가 정보를 이해하고, 논리적인 추론까지 할 수 있는 구조를 만들기 위해 추가됨
• 기본적인 시맨틱 태그

<header>	웹페이지나 섹션의 소개 또는 제목을 담는 태그
<nav>	페이지 이동을 위한 메뉴를 담아서 네비게이션 역할을 하는 태그
<section>	웹페이지의 내용에 따라 기준에 맡게 구획을 나누는 태그
<article>	주내용(본문)을 담는 태그
<aside>	사이드에 광고 또는 부내용을 담는 태그
<footer>	웹페이지의 가장 아래 부분에 위치하고, 사이트 정보에 대한 추가 정보를 담는 태그