TIL 03. Semantic web & tag란?

Drageon Lee·2021년 10월 7일
0

Semantic Web?

  • 사람이 이해하기 편리하게 쓰여진 web이 아닌 컴퓨터가 이해하여 적용하기 편리하도록 하는 web
  • Browser, 검색엔진, 사용자 모두에 해당 contents의 의미를 명확히 나타내는 semantic tag를 사용하여 만들어진 구조가 잘 갖춰진 web을 뜻함

Why use semantic tag?

  1. SEO(Search Engine Optimization)의 최적화
  • 검색 엔진은 HTML 내의 tag를 이용하여 searching을 하는데, 명확한 용도로 사용 시 검색에 수월함.
  1. Web에 대한 접근성이 높아짐
  • 시각적이 아닌 reader와 같은 프로그램 등으로 web에 접근시 명확한 tag&코드를 사용하였을 때 훨씬 수월하게 접근할 수 있음.
  1. 코드의 가독성 및 유지보수의 수월함
  • 코드를 읽을 때 및 유지보수 시에 해당 위치의 코드가 어떤 목적을 나타내는 지 잘 파악할 수 있어 의미 파악 및 편집 업무 시 수월함.

Semantic tag vs non-semantic tag

  • Semantic tag
    form, table, img 등이 있으며 이들 태그는 content의 의미를 명확히 설명함
  • Non-semantic tag
    div, span 등이 있으며 이들 태그는 content에 대하여 어떤 설명도 하지 않는다.

Type of semantic tag

  • My opinion

    Semantic tag를 통해 효과적으로 coding을 할 수 있는 것으로 생각된다.

profile
운동하는 개발자

0개의 댓글