시멘틱 웹 &태그 TIL#39

1. 시멘틱 웹과 시멘틱 태그

의미론적인 웹
: 의미론적인 웹이 뭘까?
--> 컴퓨터가 웹사이트를 단순한 코드의 구성이 아닌 의미를 가진 사이트라는걸 알 수 있게 만드는 것
--> 불필요한 정보들 속에서 우리가 필요로 하는 정보만 가공해서 제공하는 것

• HTML5 이전에는 시멘틱 태그라는 것이 없었다. 이때 대부분의 태그는 /div 로 감싸져 있었었으나, 사이트 구조를 한눈에 파악하기 힘들고, 검색 엔진은 사이트의 의미를 정확히 파악하지 못해 결과값의 정확도가 떨어졌을 것!
  그래서 대안으로 시멘틱 웹이 나오고, 시멘틱 태그가 나왔다.

  예를 들면,

  <div class="header">헤더입니다</div> 를
  <header>헤더입니다</header>로 쓰는 것

div를 대체할 수 있는 태그로 
header, nav, article, section, aside, footer가 나왔고, 
의미에 맞게 사용하면 된다.

🤦🏻 TMI : 위 태그들은 HTML5 이전에 div태그에서 클래스 명으로 많이 쓰던 것들을 
토대로 만들었다고 한다.