Skip to content

Structure

전형적인 구조

  • 페이지 번호
  • 창 제목
  • 소제목
  • 본문 텍스트
  • 문단
  • 설명 섹션
  • 등등

웹 문서를 만들때 표준화될 수 있다면, 활용 가능성 극대화 가능

문서 구조화

기존 HTML의 한계

  • 웹 문서 구조를 표현하는 태그가 없음
  • div태그나 table태그로 구조화되어 보이게 작성
  • HTML 페이지 소스를 통해 전체 구조 파악이 불가능

문서 구조화의 이유

  • 검색 엔진이 좋아하는 웹 페이지 작성의 필요성
  • 정보 탐색이 중요해진 시대
  • 사물인터넷으로 IT장치들이 스스로 정보 검색하는 시대
  • 사용자가 만든 웹 페이지 가치 극대화

시멘틱 웹

  • 웹 문서를 구조화하여 의미 있는 내용 탐색이 용이한 웹
  • 기존 태그
  • p, div, h1, h2 등 태그 사용
  • 문서 구조나 의미 전달 어려움
  • 시멘틱 태그
  • 문서의 구조와 의미를 전달함
  • header, section, article, main, summary, mark, time

구글 검색 엔진 사례

  • 웹 페이지에서 시맨틱 태그 검색
  • 이를 기반으로 리뷰, 사람, 제품, 업체, 이벤트, 음악 등 검색 결과를 제공

Last update : 8 mai 2023
Created : 16 novembre 2020