태그 사용 빈도 통계

태그 사용 빈도 통계

이제 태그가 무엇이고 태그를 어떻게 사용하는지 알게 되었다. 하지만 내가 알고 있는 strong, u가 전부인 반면 오늘날의 HTML은 약 150개가 넘는 태그가 존재하고 이를 어떤 상황에 어떻게 사용할지에 대해 전부 외울 수는 없다.

 

태그가 무엇인지 알면 구글링을 통해 검색하여 알 수 있지만 알고 있는 태그 자체가 적다면 코딩하는 것이 너무 불편할 것이다.

 

따라서, 태그의 사용빈도 통계를 이용하여 밑천으로 알고 있으면 편리한 태그가 무엇인지를 판단한다.

 

구글에서는 전 세계에 있는 수많은 웹페이지를 분석한다.

그 분석 결과를 잘 정리 정도한 사이트는 다음과 같다.

https://advancedwebranking.com/html/

HTML Study | Advanced Web Ranking

아래 그래프는 전 세계에 있는 웹페이지들이 몇 종류의 태그로 이루어져 있는지 보여준다.

출처: https://www.advancedwebranking.com/seo/html-study/

이에 따르면 웹 페이지들은 평균적으로 약32개의 태그를 사용함을 알 수 있다.

 

아래 그래프는 태그별 인기도이다.

출처: https://www.advancedwebranking.com/seo/html-study/

위의 32개 태그만 알아도 웹페이지에 평균적으로 사용되는 태그들은 대부분 알 수 있다는 것을 통계자료를 통해 알 수 있다.

 

모르는 태그 찾기

다음으로 내가 아직 모르는 위의 태그들이 무엇인지 찾아보자.

 

정보기술의 발전으로 우리는 언제든지 스마트폰으로 웹브라우저를 켜고 검색엔진으로 검색할 수 있다.

위의 태그 중 가장 많이 사용되는 html 태그가 무엇인지 찾아본다.

 

구글 검색엔진을 열어 아래와 같은 검색어를 입력한다.

출처: google.com

검색 결과중 w3school의 결과는 다음과 같다.

출처: https://www.w3schools.com/tags/tag_html.asp

위의 예제와 정의 중 예제를 통해  이 기능이 무엇인지 유추해보고 정의를 보기로 한다.

 

위의 예제를 실행하기 위해 html_ex.html이라는 파일을 생성하고 예제의 내용을 입력한 후 웹 페이지를 실행한다.

예제 실행

위의 결과를 통해 html 태그가 무엇인지 추론하기 어려우므로 정의를 살펴본다.

 

정의는 다음과 같다.

출처: https://translate.google.co.kr/

이를 통해 html 태그는 HTML파일의 루트(최상단 요소)를 나타내며 모든 HTML 파일 요소를 포함하는 컨테이너임을 알 수 있다.

 

다른 모르는 태그들도 이와 같은 방법으로 쉽게 찾을 수 있을 것이다.

 

참고:

https://opentutorials.org/course/3084/18452

통계에 기반한 학습 - 생활코딩

https://opentutorials.org/course/3084/18400

혁명적인 변화 - 생활코딩

https://advancedwebranking.com/html/

HTML Study | Advanced Web Ranking

https://www.w3schools.com/

W3Schools Free Online Web Tutorials