TIL | Semantic Web

code_yoon20·2020년 10월 21일
1

그게 뭔데?

web은 대충 알겠는데 Semantic Web? 먹는건가...?

Semantic Web?

가장 싫어하는말인 사전적인 의미는
"의미론적인 웹" 이란 말로 웹 브라우저가 이해할 수 있는 형태로 제작된 웹이다.

웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여 기존의 잡다한 데이터 집합이었던 웹페이지를 '의미'와 '관련성'을 가지는 거대한 데이터베이스로 구축하고자 하는 발상입니다.

여기저기 흩어져있는 방대한 양의 데이터들을 '의미' 와 '관련성' 이라는 바구니에 나눠 담아보자 라는 의미인것같다.

Semantic Tag

Semantic Web을 제작하기 위해서는

tag들도 무엇인가 일반태그들과 차별화된 점이 있을것이다.

"브라우저,검색엔진, 개발자 모두에게 콘텐츠의 의미를 명확히 설명하는 역할"

감사합니다 많은 벨로거분들

무엇이 다르길래 '의미론적이다' 라고 불리는것일까??

semantic tag 와 일반태그의 차이점


non-sementic tag: <span> <div>


sementic tag:
<section>,<header> ,<nav> 등 태그안에 내용을 명확히 정의해주는 태그

#Q

Assignment #2
"사이트에 이미지를 넣는 방법은 두 가지가 있습니다. <img> 태그를 사용하는 것과 <div> 태그에 background-image 속성을 추가하는 것. 두 가지 방법의 차이점과 각각 어떠한 경우에 사용하면 좋은지 설명해보세요."

#A

"이미지가 사용자에게 컨텐츠 이해에 도움을 더 준다고 생각하면 img 태그를 쓰고, 그렇지 않으면 background image 를 써라.

출처: https://mygumi.tistory.com/369 [마이구미의 HelloWorld]"

감사합니다 마이구미님 한번에 이해가 되어버렸어요

<img>코드는 정보가 담긴, 정보를 필요로하는 이미지, 사용자가 선택을 함에 있어 정보를 제공할 수 있는 사진이다. 예를들어 배달의 민족을 보면 음식점마다 정말 맛있어 보이는 사진들이 너무나도 많다. 그런 사진들은 '자신의 가게의 메뉴가 이렇게 생겼다' 라는 정보를 제공해 주고있다.

반면

<div> 태그에 background-imgcss 속성을 부여하는것은 말 그대로 웹페이지 혹은 해당 <div> 에 디자인을 부여하기 위한 방법으로 특정한 정보를 제공하지 않는다.

따라서 마이구미님의 말대로 이미지가 사용자에게 컨텐츠 이해에 도움을 더 준다고 생각하면 img 태그를 쓰고, 그렇지 않으면 background image 를 사용하면 된다.

profile
i'm a pork cutlet lover

0개의 댓글