head와 body에 들어가는 태그

head 부분에 들어가는 태그

<meta> : 이 html문서가 어떤 언어팩을 쓸 지를 표시해주는 태그이다.(반응형 웹을 만들때도 사용한다고 한다)
<title> : 이 웹페이지의 탭 제목을 설정해줄 수 있는 태그이다.

 

body 부분에 들어가는 태그

역할을 나누어주는 태그들

<header>태그 : 헤더 영역을 의미한다. 페이지 맨 왼쪽이나 위쪽에 있으며, 검색 창이나 사이트 메뉴를 삽입한다.
<nav>태그 : 내비게이션 영역을 나타내는 태그이다. 같은 웹 문서 안에서 다른 위치로 연결하는 링크를 만든다. <nav>태그는 웹 문서의 영향을 받지 않기 때문에 헤더나 푸터, 사이드 바 안에 포함될 수 도 있고 독립해서 사용할 수도 있다.
<aside> 태그 : 본문 내용 외에 왼쪽이나 오른쪽, 혹은 아래쪽에 사이드 바를 만듭니다. 필요한 경우에만 사용합니다.
<footer> : 웹 문서에서 맨 아래쪽에 있는 푸터 영역을 만듭니다. 보통 사이트 정보나 저작권 정보 ,연락처 등을 넣는다. 푸터 영역에는 다른 시맨틱 태그를 모두 사용할 수 있다.

<article> 태그 : 웹에서 실재로 보여 주고 싶은 내용을 넣는다. 콘텐츠 항목을 말한다.
<section> 태그 : 웹 문서에서 콘텐츠 영역을 나타낸다. article 태그로 만들어진 몇 개의 콘텐츠를 묶는 용도로 사용한다고 생각하면 된다. 
<main> 태그 :  웹 사이트의 핵심이 되는 내용을 넣는다. 메누, 사이드바, 로고처럼 페이지마다 똑같이 들어가는 정보를 넣는게 아니라 웹 문서마다 다르게 보여주는 내용으로 구상한다. main태그는 웹 문서에서 한 번만 사용할 수 있다.

<div> 태그 : 여러 소스를 묶기 위해 사용하는 태그. 영역을 구분하기 위해 사용.

 

 

물론 여기에 나열한 태그들 외에도 다양한 태그들이 적절한 기능을 위해 사용될 수 있다.