Semantic Web과 Simantic Tags 정리

박영호·2020년 12월 14일

1. 시맨틱 웹(Simantic Web)이란?

시맨틱 웹은 기계가 사람을 대신하여 웹페이지 정보를 이해하고 우리에게 필요한
정보만 보여주거나 정보를 가공해서 우리가 필요로하는 형태를 의미한다.

2. HTML 요소

HTML 요소에는 non-semantic요소, semantic 요소로 구분할 수 있다.

non-semantic 요소

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

semantic 요소

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

3. 시맨틱 태그(Simantic Tags)란?

  • 시맨틱 태그란 브라우저,검색엔진,개발자 모두에게 콘텐츠의 의미를 명확히 설명하는 역할을 한다.
  • 시맨틱 태그에 의해 컴퓨터가 HTML 요소의 의미를 보다 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹이 실현될 수 있다.

시맨틱 태그의 종류

  • header : 헤더를 의미한다.
  • nav : 내비게이션을 의미한다.
  • aside : 사이드에 위치하는 공간이다.
  • section : 본문의 여러내용(article)을 포함하는 공간이다.
  • article : 본문의 주내용이 들어가는 공간이다.
  • footer : 푸터부분을 의미한다.

profile
무언가에 호기심이 생기면 적극적이고 재밌게 그걸 해결해내고 싶어하는 프론트 엔드 개발자 입니다 .

0개의 댓글