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

시멘틱 태그를 사용하는 이유

1. 해당 태그가 어디 부분에 사용되는 태그인지 코드 식별이 쉬워진다.

해당 코드처럼 div태그가 많이 사용되면 코드 식별이 어려워진다.

<div>
  <div></div>
</div>
<div>
  <div></div>
</div>
<div>
  <div></div>
</div>
<div>
  <div></div>
</div>

하지만

<header>
  <div></div>
</header>
<aside>
  <div></div>
</aside>
<main>
  <div></div>
</main>
<footer>
  <div></div>
</footer>

이렇게 시멘틱 태그를 사용하면 코드 식별이 편해진다.

2. 재활용하기 좋다.

해당 코드로 만든 웹사이트와 비슷한 양식을 가지고 있는 다른 웹사이트를 만들때 재활용하기 좋다.

3. 스크린 리더같이 보조 기술을 사용하는 사용자들이 웹을 이해하기 좋게 만들어 준다.

보조 기술을 사용하는 사용자들이 해당 요소가 header인지 main인지 footer인지 알려주기 때문에 웹사이트를 이해하기 더 좋게 만들어준다.

웹 표준을 지키는 이유

1. 운영관리가 쉬워진다.

만약 당신이 다른 개발자가 만든 웹사이트를 관리 및 수정을 하는데 해당 웹사이트가 웹 표준을 지키지 않았다면 그 코드를 이해하는데 시간을 많이 써야한다.
그렇기 때문에 개발자들은 웹 표준을 지켜서 웹사이트를 만드는 것이다.

2. 호환성과 운용성이 확보된다.

웹 표준은 모든 브라우저를 통과하기 때문에 웹 표준을 지키면서 개발하면 오래된 브라우저에서도
컨텐츠가 제대로 나온다.

3. 파일크기가 줄고 서버부담을 최소화 시킬수있다.

효율적으로 작성된 웹 문서는 코드의 양이 줄기 때문에 파일크기가 줄고 서버부담이 적다.