Semantic
Semantic 자체의 영어 뜻은 다음과 같다.
프로그래밍에서는 코드 조각의 의미를 나타낸다고 한다.
"이게 어떻게 시각적으로 보여질까?"가 아닌
"이 JS 코드 라인을 실행하는 것은 어떤 효과가 있는가?" 혹은 "이 HTML 요소가 가진 목적/역할은 무엇인가?" 에 대한 것이다.
Semantic Web ?
그럼 Semantic Web이 뜻하는 바는 무엇일까?
해당 사이트에 따르면 현재 인터넷 사용자 수는 52억이고, 웹사이트는 19억개가 넘는다.
www.internetlivestats.com 에 들어가면 실시간으로 움직이는 숫자들을 볼 수 있다.
그럼 이 수많은 사용자와 사이트들 사이에서 살아남기 위해선 어떻게 해야할까?
바로 검색이다. SEO Search Engine Optimization 는 검색 엔진 최적화 과정으로,
웹사이트 트래픽의 품질과 양을 개선하여 효과적인 마케팅 도구로 사용된다.
Semantic Tag ?
그래서 Sematic Tag는 또 뭐야?
Google과 Naver, Yahoo와 같은 검색엔진들은
크롤링(웹사이트 정보를 수집하는 과정)을 통해 유저들이 검색할 만한 키워드의 인덱스를 만들어 두는데
이 인덱스를 만들기 위해서 HTML의 Semantic 요소를 해석하게 된다.
HTML에서 사용되는 Tag에는 Non-Semantic과 Semantic이 있다.
Non-Semantic Tag
- <div>
- <span>
Semantic Tag
'🔗 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 |
댓글