[HTML] 시맨틱 태그

시맨틱 태그

HTML5에서는 시맨팁 웹을 구현하는 데 필요한 시맨틱 태그를 사용하여 웹 브라우저가 웹 문서를 효율적으로 읽게할 수 있다.

 

시맨틱 웹이란 검색 엔진 같은 프로그램이 정보를 분석하고, 자료를 검색하거나 처리해서 제공하는 지능형 웹이다. 컴퓨터 프로그램이 코드를 읽고 의미를 인식할 수 있다.

 

<header>

머리말 영역

 

<nav>

메뉴 영역

 

<figure>

동영상, 사진 등의 멀티미디어를 담는 영역

주로 메인 페이지의 이미지 슬라이더나 인터랙티브한 컨텐츠 영역을 지정한다.

 

<main>

본문으로써 컨텐츠를 담는 영역

메인 페이지뿐만 아닌 서브 페이지에도 중요한 영역을 지정할 때 사용하기 좋다.

 

<aside>

본문과의 연관성이 적은 외부 영역

광고나 바로 가기를 지정할 때 사용할 수 있다.

 

<section>

특정 영역을 그룹화

 

<article>

글자가 많이 들어가는 부분으로, 기사나 개별 컨텐츠를 담는 영역

 

<footer>

꼬리말 영역