Semantic Web,Semantic Tags

Nicholas·2022년 4월 25일
0

CS

목록 보기
2/6

시맨틱 웹(Semantic Web), 시맨틱 태그(Semantic Tags)

1. 시맨틱 웹(Semantic Web)

시맨틱 웹(Semantic Web)은 '의미론적인 웹'이라는 뜻
- 위키백과 -

  • 시맨틱 웹(Semantic Web)이라는 개념이 나오기전에는 태그(tag)자체에 의미를 부여하지 않았다.
  • 단순히 태그는 기능을 위해 존재할 뿐 의미는 없었는데 2001년 팀버너스리에 의해 지금의 시맨틱 웹(Semantic Web)의 개념이 제시되었다.
  • 많은 웹상의 정보들을 구성하고있는 태그(tag)자체에 그 정보를 읽는 컴퓨터가 어떤 정보인지 구분 할 수 있는 일종의 식별표 태그들을 사용하기 시작하는데 이것을 시맨틱 웹(Semantic Web)이라 한다.
<!-- 시맨틱 웹 이전에 태그들의 정보를 전달하는 방식-->
<div id=nav> 여기서부터 내비영역입니다</div>
<!-- 시맨틱 웹 이후 태그들의 정보를 전달하는 방식-->
<nav> 여기서부터 내비영역입니다</nav>

2. 시맨틱 태그(Semantic Tags)

  • 시맨틱 웹(Semantic Web)개념을 기반으로 하는 태그(tag)
  • 직역하자면 Semantic(의미론적), Tag(태그), 의미가 담겨있는 태그라는 뜻

Semantic Tag

  • 태그(tag) 이름만으로 내용정보(content)를 알수 있는 태그
  • 예: article, aside, footer, header, main, nav, section 등

Non-Semantic Tag

  • 태그(tag) 이름만으로 내용정보(content)를 알수 없는 태그
  • 예 : div, span 등

3. 시맨틱 태그를 사용하는 이유

  • 유지보수가 쉽다.
  • 코드의 가독성이 좋아 개발자간 협업시 좋다.
  • 검색엔진 최적화(SEO:Search Engine Optimization)

참고자료:
https://ko.wikipedia.org/wiki/시맨틱_웹
https://www.youtube.com/watch?v=_jXxlf05pkw&t=882s
https://www.youtube.com/watch?v=uDmNhHYecL4&t=196s

profile
WEB Developer

0개의 댓글