[FE] 시멘틱 태그(Semantic Tag)와 웹 표준

HTML5에 처음 등장한 개념, 시멘틱 태그

Semantic: 의미의, 의미론적인

즉, 시멘틱 태그란, 특별한 의미를 가지고 있는 태그를 말한다.

그렇다면 이 시멘틱 태그를 사용하는 이유는 무엇일까?

​

시멘틱 태그를 사용하면 나타나는 이점, 즉 시멘틱 태그를 사용하는 이유는 여러가지가 있는데, 그는 다음과 같다:

1. 검색 엔진은 의미론적 마크업을 분석해 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주하므로 시멘틱태그를 사용해 검색 엔진을 최적화할 수 있다.

2. 스크린리더로 페이지를 탐색할 시 이 시멘틱 태그를 푯말로 사용할 수 있다. 즉, 웹 접근성은 향상시킨다.

3. 시멘틱 태그의 가장 큰 목적이자 이점으로, 코드를 보는 개발자에게 명확하게 해당 요소의 의미나 목적을 전달하는 역할을 한다.

이를 통해 개발자에게 태그 안에 채워질 데이터의 유형을 제안하는 등, 협업 시 유용하게 사용된다.

웹 표준(Web Standards)

HTML5는 2014년에 W3C에서 공식으로 표준화 되었고,

2019년에 WHATWG에 의해 HTML Living Standard가 표준화 되었다.

HTML이 표준화 되기 이전에는 익스플로러의 엑티브X처럼 독자적인 플러그인이 존재하기도 했다. 이 때는 이를 위해 엑티브X를 위한 프로그램을 따로 만들어야 하는 등의 수고가 필요했다.

웹 표준을 준수해서 코드를 작성하면, 운영체제와 브라우저마다 의도된 대로 보여지는 웹페이지를 만들 수 있기 때문에 웹 표준을 지켜야 한다.