[HTML5] Semantic Tag, 의미론적 태그

Semantic HTML

학습목표

• 시맨틱 태그란 무엇인가
• 각 태그의 용도를 알아본다.

 

---

공부 내용

 

Semantic HTML

 

문서의 의미에 맞게, 각 요소의 의미에 맞게 HTML을 작성하는 것

 

• 웹을 의미있게 만든다.
• 이해하기 쉽다.

 

 

 

Semantic 태그

 

 

의미론적 태그	설명
aside	광고와 같이 페이지의 내용과는 관계가 적은 내용들
details	기본적으로 화면에 표시되지 않는 정보들을 정의
figure	삽화나 다이어그램과 같은 부가적인 요소를 정의
header	화면의 상단에 위치하는 사이트나 문서의 전체적인 정보를 정의
footer	화면의 하단에 위치하는 사이트나 문서의 전체적인 정보를 정의
main	문서에서 가장 중심이 되는 컨텐츠를 정의
mark	참조나 하이라이트 표시를 필요로 하는 문자열 정의
nav	문서의 네비게이션 항목을 정의
section	문서의 구획들을 정의
time	시간을 정의

출처 : blog.naver.com/fb_lua/221384828418