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

오늘은 짧게 개념이랑 이유만 적고 가볼게여

글이 길어지니까 지루하다는 의견이 있어 짧게 적어봅니다..

 

시멘틱 태그란?

html 문서의 구조와 의미를 구체적으로 설명하기 위해 새롭게 추가된 태그

 

기존 HTML4에서 레이아웃을 구성하던 <div>, <span>을 넘어서

<header> <footer> <article> <section> <nav> <main> 등의 태그가 도입되어

구조를 더욱 명확하게 표현할 수 있는 거예요.

 

시멘틱 태그를 사용했을 때 좋은 점이라고 하면,

1. 검색엔진 최적화(SEO)에 도움을 준다.

2. 웹 페이지가 의미 있는 구조를 가지게 되어 웹 접근성이 개선된다.

3. 코드의 가독성이 올라가 개발자가 코드를 쉽게 이해하고 유지 및 보수에 용이하다.

이렇게 3가지 정도가 있어요.

(SEO에 대해서는 블로그를 한 번 적어볼게요)

 

웹 표준이란?

웹에서 사용되는 기술이나 규칙을 표준화한 것

즉, 월드 와이드 웹의 콘텐츠에 대한 규약이나 규칙으로, 웹 페이지를 제작할 때 지켜야 하는 규칙

웹 표준을 준수한다 = 올바른 html, css, javascript를 페이지가 가지고 있다

이렇게 이해하시면 쉬울 거 같아요.

 

웹 표준을 지키면 얻는 좋은 점이라고 하면,

호환성, 접근성, 유지 및 보수, 검색엔진 최적화(SEO)가 대표적이에요.

호환성 - 다양한 웹 브라우저, 운영체제, 디바이스에서도 동일하게 동작하고 보일 수 있어요.

접근성 - 웹사이트가 장애를 가진 사람들이나 다양한 디바이스를 사용하는 사람들에게도 접근할 수 있도록 도와요.

유지 및 보수 - 깔끔하고 일관성 있는 코드로 이해하기 쉬워 유지 및 보수에도 좋아요.

검색엔진 최적화 - 검색엔진이 콘텐츠를 더 잘 이해하고 색인화하여 결과페이지에서 높은 순위를 얻을 가능성이 있어요.

 

SEO에 대해서 조금 더 공부해서 블로그에 한 번 적어볼게여:)

감기 조심하세요!!