[용어외우기] 시맨틱 HTML

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

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

 

예를 들어, <div> 태그는 non-semantic 태그라고 할 수 있고, 

<table>, <article> 등의 태그는 semantic 태그라고 볼 수 있다.

 

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

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

<table> 태그 안에는 표가 들어갈 것이고, 

<article> 태그 안에는 어떤 형태의 글이든 글이 들어갈 것이라는 것 정도는 유추 할수 있다.

 

끝.