HTML_Semantic Web와Semantic Tag

개미는뚠뚠·2022년 8월 17일
0

HTML

목록 보기
1/2
post-thumbnail

1.Semantic Web

Semantic Web은 ‘의미론적인 웹’이라는 뜻으로, 기계가 이해할 수 있는 형태로 제작된 웹을 의미.웹에 존재하는 수많은 웹들의 메타데이터를 부여하여, 잡다한 데이터 집합이 아닌 ‘의미’ 와 ‘관련성’을 가지는 거대한 데이터베이스를 구축.

2.Semantic Tag

시맨틱 웹에서 사람과 기계가 이해할 수 있는 형태, 즉 활용하기 좋은 형태의 데이터로 웹을 발전시키기 위해 나온 tag들은 말함.

시멘틱 태그 예시

3.img태그의 사용과 div태그에 background-image의 사용 차이점

img 태그를 사용

  1. 회사 로고, 인물 프로필 사진 등 콘텐츠 정보와 연관이 있는 이미지를 쓸 때
    (alt 속성 함께 사용)
  2. 경고 아이콘과 같이 중요한 의미가 내포된 이미지를 쓸 때
    (alt 속성 함께 사용)
  3. 페이지 프린트시 이미지가 함께 나오도록 할 때

div 태그 + background-image 속성을 사용

  1. 이미지가 콘텐츠의 일부가 아닐 때
  2. 이미지 스프라이트를 이용할 때
  3. 말그대로 웹문서의 배경을 채우기 위한 용도일 때
  4. 페이지 프린트시 이미지가 나오지 않게 할 때

0개의 댓글