HTML5 시멘틱 태그와 웹 표준을 지키는 이유

HTML5 시멘틱 태그

HTML5가 HTML4와의 가장 큰 차이는 시멘틱 구조(의미론적인 구조)를 가지는 것이다.

의미론적인 구조를 통해서 여러 가지 장점을 가지게 된다

 

시멘틱 구조를 갖게 하는 요소로 시멘틱 태그들이 사용되는데 시멘틱 태그들의 예를 들면

<div>는 non-sementic 태그 인데 div와 같이 레이아웃을 설정해주는 설정은 비슷하지만
<header>, <main>, <nav> , <section> , <article> <footer>
같은 태그들은 sementic 태그를 해당의미를 담아서 사용된다.

 

실제로 사용하면 외관상으로 동일하게 보이는데 굳이 의미를 부여하는 시멘틱 태그를

사용하는 이유는 아래의 이점이 있다.

 

1. 검색엔진 최적화(SEO)에 용의함
2. div로만 작성 했을 떄에 비해서 레이아웃 상의 태그들의 의미를 빠르게 파악할 수 있다
3. 가독성이 좋다
4. 코드의 구조가 단순하게 작성되는 점(대체적으로)
5. 개발자, 브라우저, 검색엔진 모두 의미를 파악이 가능해서 훨씬 더 효율적으로 작업을 할 수 있다

웹 표준과 웹 표준을 지켜야하는 이유

웹에 대해서 공부하다보면 웹 표전에 대해서 알 수 밖에 없는데 웹은 전 세계, 모든 사람들이 사용하기 때문에
인류가 무게의 단위를 kg, ton 등으로 어드서은 표준이 되게 만들어 놓은 것처럼
웹도 수 없이 많고 많은 콘텐츠들이 공유 및 확산되면서 표준화를에서  시킬 필요성이 생기고
이를 표준화 한것이 웹 표준이다

 

표준화를 하는 이유는 단순하게 생각하면 된다. 인류가 단위를 통일한 것이 공학의 발전 산업에
전반적인 효율성을 증가시킨 것처럼 웹 표준 역시 웹 개발에서 효율성을 증대시키기 때문이다.
웹 표준에 대해서 이해를 가지고 웹 개발을 하는 것이 중요하다