Semantic web

시멘틱 웹 = 컴퓨터가 정보를 찾고 이해하고 가공하기 쉽도록 만든, '의미'와 '관계성'을 가진 웹.

• 웹에서 시각적으로 보여지는 것도 중요하지만, 실제로 element가 가진 목적이나 역할을 알 수 있다면 사용자들은 웹의 데이터에 더욱 효과적으로 접근할 수 있다.
• 시각장애인용 스크린리더를 사용했을 때 의미론적 마크업을 통해 내용을 보다 쉽게 이해할 수 있다.
• 개발자가 코드를 수정해야 할 때도 마찬가지. 코드의 가독성을 높이고 유지보수가 쉬워진다.

Example

    <header>Web site</header>
    <nav>
      <a href="home">home</a>
      <a href="section">section</a>
      <a href="aside">aside</a>
      <a href="footer">footer</a>
    </nav>
    <main>
      <section>
        <article>article1</article>
        <article>article2</article>
      </section>
      <aside>aside</aside>
    </main>
    <footer>footer</footer>
  </body>

위와 같은 html 코드가 있다면 아래 그림과 같은 구조가 될 것이다.

물론 웹 사용자는 <header>나 <main> 같은 태그는 볼 수 없겠지만, 개발자나 컴퓨터는 특정 정보를 빠르게 찾아야 하거나 수정해야 하는 상황에서 <div>나 <span> 태그로만 이뤄진 웹에서 보다 훨씬 빠르게 일을 처리할 수 있을 것이다.

미래의 나 자신을 위해서라도 Semantic web을 언제나 염두에 두고 있자!