본문 바로가기
🔗 HTML & CSS

About Semantic

by 슬용이 2022. 4. 26.

Semantic

Semantic 자체의 영어 뜻은 다음과 같다.

 

 

프로그래밍에서는 코드 조각의 의미를 나타낸다고 한다.

"이게 어떻게 시각적으로 보여질까?" 가 아닌
"이 JS 코드 라인을 실행하는 것은 어떤 효과가 있는가?" 혹은 "이 HTML 요소가 가진 목적/역할은 무엇인가?" 에 대한 것이다.

 


Semantic Web ?

그럼 Semantic Web이 뜻하는 바는 무엇일까?

 

캡쳐를 하는 와중에도 변경이 된다.

 

 

해당 사이트에 따르면 현재 인터넷 사용자 수는 52억이고, 웹사이트는 19억개가 넘는다.

www.internetlivestats.com 에 들어가면 실시간으로 움직이는 숫자들을 볼 수 있다.

 

그럼 이 수많은 사용자와 사이트들 사이에서 살아남기 위해선 어떻게 해야할까?

바로 검색이다. SEO Search Engine Optimization 는 검색 엔진 최적화 과정으로,

웹사이트 트래픽의 품질과 양을 개선하여 효과적인 마케팅 도구로 사용된다.

 


Semantic Tag ?

그래서 Sematic Tag는 또 뭐야?

2022 Top10 Search Engine. 아예 처음보는 곳도 있다.

 

GoogleNaver, Yahoo와 같은 검색엔진들은

크롤링(웹사이트 정보를 수집하는 과정)을 통해 유저들이 검색할 만한 키워드의 인덱스를 만들어 두는데

이 인덱스를 만들기 위해서 HTML의 Semantic 요소를 해석하게 된다.

 

HTML에서 사용되는 Tag에는 Non-Semantic과 Semantic이 있다.

 

Non-Semantic Tag

  • <div>
  • <span>

Semantic Tag

 

 

 


참고자료 : https://poiemaweb.com/html5-tag-basic

'🔗 HTML & CSS' 카테고리의 다른 글

Display Property : inline, block, inline-block  (0) 2022.04.26
CSS Layout - Position  (0) 2022.04.26
display:none 과 visibility:hidden 의 차이  (0) 2022.01.28
CodeAcademy - HTML Table  (0) 2022.01.12
생활코딩 WEB2 - CSS (3)  (0) 2022.01.11

댓글