Semantic Web과 Semantic Tag

Semantic Web

시맨틱 웹이란 사람이 아닌 컴퓨터(기계)가 직/간접적으로 처리할 수 있는 데이터를 위한 웹을 말한다.

Semantic Tag

<!-- 시맨틱 태그 미사용 예 -->
<div>
  <div>Hello world</div>
</div>

<!-- 시맨틱 태그 사용 예 -->
<header>
  <h1>Hello world</h1>
</header>

header,h1 이라는 명확한 태그로 content의 의미를 명확히 부여하고 코드의 가독성을 높일뿐 아니라 문서의 핵심요소를 빠르게 파악할 수 있습니다.

시맨틱 태그 예시
<article>
<aside>
<details>
<figcaption>
<figure>
<footer>
<header>
<main>
<mark>
<nav>
<section>
<summary>
<time>