TIL - [HTML/CSS] Semantic Web, Semantic Tag

박지훈·2022년 2월 28일
0

HTML/CSS

목록 보기
1/4

1. Semantic Web

시맨틱 웹(Semantic Web)은 "의미론적인 웹"이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미한다. 기계가 사람을 대신해서 웹 페이지의 정보를 이해하고, 우리에게 필요한 정보만 보여주거나 정보를 가공해서 우리가 필요로 하는 형태로 가공해준다.

2. Semantic Tag

Semantic Web에서 사용되는 태그로, 브라우저와 개발자 모두에게 코드의 가독성을 높여주고고 의미를 명확하게 설명한다.


Wecode Assignment

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

img 태그를 사용하는 경우는 해당 이미지를 웹에 보여주기 위한다면, background-image 속성은 디자인의 목적으로 배경에 이미지를 씌울 때 사용한다. 그러므로 이미지의 정보가 사용자에게 이해에 도움을 주는 경우 또는 검색 시 최적화를 위한 경우엔 img 태그가, 이미지의 정보가 따로 맥락상 필요없이 단순히 꾸미는 목적으로 사용하는 경우엔 background-image 속성이 좋을 것 같다.

0개의 댓글