Semantic Web이란? Semantic Tag?

ミンミン·2021년 9월 27일
0
post-thumbnail
post-custom-banner

Semantic Web??

HTML5에서는 시맨틱 웹을 쉽게 구성할수 있도록 만들어주는 요소들이 추가되었는데, 기존에

<div id="header"> 내용 </div>

로만 나타낼수 있던 머리 부분을

<header> 내용 </header>

로 쉽게 더 의미론적으로 나타낼수 있게 되었다.이는 div와 id=header 모두 읽었던 예전 XHTML이나 HTML4보다 훨씬 효율적이라고 볼수 있다.

즉. 의미 없는 단순한 요소(Non-Semantic Element)로 구성된 웹 사이트와는 달리, Semantic WebSemantic Element로 작성되어있기 때문에
검색 엔진의 웹 크롤러(Web Crawler)가 웹 사이트에 대한 정보를
비교적 정확히 수집・분석할 수 있게 되어, 최적의 검색 결과를 도출하는 것에 큰 도움을 준다.

Semantic Tag??

Semantic Web을 구축할 때 사용하는 HTML 태그가 바로 Semantic Tag이다.

만약 header, footer, nav 등을 나타낼 때, 시맨틱 태그를 사용하지 않으면 <div id="header">, <div id="footer">, <div id="nav">
와 같이 id나 class의 이름을 추가하여 작성할 수 있다. 이렇게 코드 작성을 하면 가독성이 떨어지고, 코드의 재사용이 힘들다.

Semantic Tag는 아래 링크에서 확인할 수 있다.
https://www.w3schools.com/html/html5_semantic_elements.asp

profile
같이 성장해 나가는 개발자가 되고 싶습니다
post-custom-banner

0개의 댓글