[html] 시멘틱 태그(semantic tag)란?

semantic 의 사전적 의미는 의미의, 의미론적인 입니다.

 

 

https://en.dict.naver.com/#/entry/enko/74453940307f4c45ba76b0aa988fc5c3

네이버 영어사전

 

해석해 보자면 의미를 가지고 있는 태그라고 할 수 있습니다.

 

의미가 있는 태그?

 

semantic tag는 html5 에서 두드러지는 기능의 하나로 

 

<span></span>

<div></div>

 

위의 2개의 태그는 non-semantic tag 입니다. 

 

위의 태그는 정말 많이 쓰이는 태그이지만 위의 태그 자체로는 의미가 존재 하지 않습니다.

 

기능만 있을뿐입니다.

 

우리는 위의 태그를 이용해서 효과를 사용할 뿐이고 tag 자체의 의미가 존재 하지 않습니다.

 

대표적인 semantic tag에는 <footer />가 있습니다

 

footer는 꼬리말 입니다. 

 

단어로도 충분히 이해할 수 있고 위치또한 대략적으로 알수 있습니다.

 

즉 태그의 이름을 통해서 충분히 위치, 내용을 파악할 수 있는 것이 semantic tag 입니다.

 

 

 

 

출처     https://www.w3schools.com/html/html5_semantic_elements.asp

HTML Semantic Elements