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

HTML5가 HTML4와의 가장 큰차이는 시멘틱구조(의미론적인구조)를 가지는것이다. 의미론적인 구조를 통해 여러가지 이점을 가지게된다

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

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

실제로 사용하면 외관상으로는 동일하게 보이는데 굳이 의미를 부여하는 시멘틱태그를 사용하는 이유는 아래와같은 이점이 있기 때문이다.

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

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

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

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