HTML5 시맨틱(Semantic) 태그

시맨틱(Semantic)은 "의미의,의미론적인" 이라는 뜻을 가진다.

사람에게도 의미있고 기계들에게도 활용하기 좋은 형태의 데이터로 웹을 발전시키기 위해 여러가지 많은 노력을 하게 되는데 그중에 하나가 semantic 웹(의미론적인 웹)이다. 간단히 말하자면 HTML5 언어에 익숙하지 않은 사람이 보고도 저 태그가 무엇을 하는 태그인지 알아볼 수 있도록 하는 태그를 시맨틱(Semantic)라고 한다. 

---

Semantic  태그

<header>	페이지 상단이나 섹션의 머리말
<nav>	문서의 네비게이션 항목을 정의 (목차만들기에 주로 사용)
<section>	문서의 구획들을 정의
<article>	본문
<aside>	광고와 같이 본문과는 관계가 적은 내용들
<footer>	꼬리말이나 저작권 등을 표시

이 외에도 

<details> - 추가적인 정보를 사용자가 숨기거나 보일 수 있게함

<summary> - 부모요소인 details요소의 내용에 대한 요약이나 캡션 등을 나타냄

<figure> - 사진, 다이어그램 등과 같은 부가적인 요소를 정의

<main> - 문서의 주가 되는 컨텐츠 정의

<mark> - 하이라이트 또는 참조와 같은 표시를 필요로 하는 문자를 정의

<time> - 날짜,시간을 정의