semantic html

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

HTML Semantic Elements

 

내가 이해한 바로는 semantic html이란 semantic elements로 구성된 html 이다.

semantic elements란 html 코드를 보는 개발자와 웹브라우저 양쪽이 그 요소만 보고도 어떤 역활을 하는지 알수있는 element이다. 

 

non-semantic elements의 예:  <div>, <span> 

semantic elements의 예: <form>, <table>, <article>

 

non-semantic elements 만으로도 웹사이트를 구성할수 있다.

하지만 모든 html 코드가 <div> <span> 으로 이루어진다면 이 요소가 어떤 역활을 하는지, 이 페이지에서 중요한 요소인지 판단할수가 없다.

 

예를들어 검색엔진은 웹사이트의 html 코드를 탐색하는데 코드가 non-semantic elements만으로 되어있다면 

검색엔진이 이 코드에서 어느 부분이 중요한 부분인지 판단할수 없다.