HTML5+CSS3 - 시맨틱 태그

시맨틱 태그는 HTML 문서를 분석하기 쉽게 레이아웃을 나눠 각 부분을 태그로 묶는 역할을 한다.

HTML5 웹 표준 문서 구조

<header> 헤더
<nav> 내비게이션	<section> 콘텐츠 영역 <article> <article>	<aside> 사이드 바
<footer> 푸터

<header> 태그 - 머리막(제목) 지정하기

<nav> 태그 - 문서를 연결하는 내비게이션 링크

<section> 태그 - 콘텐츠 영역 나타내기

<article> 태그 - 실제 콘텐츠 내용 넣기

<aside> 태그 - 본문 이외의 내용 표시하기

<footer> 태그 - 제작 정보와 저작권 정보 표시하기

특정 브라우저 혹은 브라우저 버전에서는 시맨틱 태그를 지원하지 않을 수 있다.

브라우저는 인식하지 못하는 태그를 만나면 인라인 태그로 취급한다.

시맨틱 태그는 블록 레벨 태그이므로, 문서에서 시맨틱 태그들을 강제로 블록레벨태그로 설정해 주어야야 한다.

header, section, nav, article, footer{

    display:block;

}