03-4 시맨틱 태그

<header> : 주로 위쪽이나 왼쪽에 있으며, 검색 창이나 사이트 메뉴를 삽입

 

<nav> : 같은 웹 문서 안에서 다른 위치로 연결, 링크 각각 id속성을 지정하면 다른 스타일 적용가능

 

<main> : 핵심 콘텐츠를 담는 태그

 

<article> : 기사나 잡지 처럼 실제로 보여 주고 싶은 내용을 넣는다. 여러 개의 <article>태그를 사용가능하며 안에 <section>태그를 넣을 수도있다. 보통 블로그의 포스트 처럼 독립된 콘텐츠로 사용한다.

 

<section> : 웹 문서의 콘텐츠 영역으로 사용하고 콘텐츠를 묶는 역할을 한다.

 

<aside> : 본문 내용 외 왼쪽이나 오른쪽, 혹은 아래쪽에 사이드 바를 만든다.

 

<footer> : 맨 아래쪽에 있는 푸터 영역을 만든다. 보통 제작 정보, 저작권 정보, 연락처등이 삽인된다.

 

<div> : 여러 소스를 묶는 태그, <header>,<section>과같은 태그가 나오기 전엔 헤더나 네비게이션, 푸터 등을 구별할 때 <div>를 사용했다. 또 <div id = "header"> <div class="detail">처럼 id나 class 속성을 사용해서 문서 구조를 만들거나 스타일을 적용할 때 사용한다.