시맨틱 태그란?

Berry·2021년 11월 1일
0
post-thumbnail

정의 및 특징

시맨틱(Semantic)의미의, 의미론적인이라는 뜻입니다.

즉, HTML5에 도입된 시맨틱 태그는 개발자와 브라우저에게 의미있는 태그를 제공하게 됩니다.

일반적으로 div 태그만 보고는 이 태그 안에 들어간 내용의 의미를 알 수가 없습니다.

반면, section, article 등의 태그는 대략이라도 태그 안에 들어갈 내용의 의미를 유추할 수가 있습니다.

이렇게 의미를 가지는 태그가 시맨틱 태그이고, HTML5은 새로운 시맨틱 태그들을 제공합니다.

HTML5에서 새로 제공하는 시맨틱 태그들

  • article
  • aside
  • details
  • figcaption
  • figure
  • footer
  • header
  • main
  • mark
  • nav
  • section
  • summary
  • time

이외에도 HTML5에 새로 적용된 다양한 시맨틱 태그들이 있습니다.

profile
🍓웹디자이너 Berry의 기술 블로그🧡

0개의 댓글