[HTML] 시멘틱 태그 (Semantic tag)란?

---

시멘틱 태그 (Semantic tag) 란?

Semantic 이란 사전적으로 "의미의, 의미론적인" 이라는 뜻을 가지고 있다.

그러므로 시멘틱 태그는 의미있는 태그들이라는 뜻 정도가 될수 있다.

 

기본적으로 < > 안에 들어가는 이름으로 그 역할을 알 수 있다 하면 semantic 일 것이고의미를 알 수 없다하면 non-semantic 이라고 할수 있다.

 

non-semantic	<div>
semantic	<article>, <aside>, <footer>, <header>, <main>, <nav>, <section>, <summary> 등등

 

기존에는 <div> 에 id 나 class 를 부여해서 사용해야만 했다면,

HTML5 에 들어와서 다양한 시멘틱 태그들이 생기면서 보기에 더 명확하게 의미를 표현할 수 있게 되었다.

 

예)

<div class="header"> 

<div id="footer">

으로 사용하던 내용을

<header></header>

<footer></footer>

로 사용 할 수 있게 되었다.