Semantic Web

Kim jae-eok·2020년 4월 23일
0

참고 : https://poiemaweb.com/html5-semantic-web

Semantic Web

브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확히 설명하는 역할을 하는 시맨틱 태그을 사용하여 제공하는 웹

  • non-semantic 요소

    div, span 등이 있으며 이들 태그는 content에 대하여 어떤 설명도 하지 않는다.

  • semantic 요소

    form, table, img 등이 있으며 이들 태그는 content의 의미를 명확히 설명한다.

Semantic Tag 종류

  • 설명

    tagDescription
    header헤더를 의미한다
    nav내비게이션을 의미한다
    aside사이드에 위치하는 공간을 의미한다
    section본문의 여러 내용(article)을 포함하는 공간을 의미한다
    article분문의 주내용이 들어가는 공간을 의미한다
    figure독립적인 콘텐츠를 표현합니다. <figcaption> 요소를 사용해 설명을 붙일 수 있다.
    footer푸터를 의미한다
  • 위치

    출처: http://www.omerjaved.com/elearning/html-five/lesson-02-html5-semantic-elements.aspx

profile
블로그 이전 중 (https://www.notion.so/My-blog-0d569b9028434fb6a99a3e66b6e807b1)

0개의 댓글