Semantic Web & Semantic Tag

1. Semantic Web 과 Semantic Tag의 차이

Semantic Web 이란?

• 간단하게 설명하자면, 컴퓨터가 이해가능한 웹페이지를 뜻한다. 각각의 역할이 무엇인지 시멘틱 태그(Semantic tag)를 사용하여 그 의미와 용도를 정확히 표시해주는 웹 페이지이다.

Semantic tag 란?

• Semantic tag에는 non-semantic 요소와 Semantic 요소가 있다.
• Non-semantic : div, span 등. 이들 태그는 content에 대하여 어떤 설명도 하지 않으며 의미도 갖지 않는다.
• semantic : form, table, img 등. 이들 태그는 content의 의미를 명확히 설명해준다.
• 최근 html5에 추가된 semantic tag: header, nav, aside, section, article, footer 가 있다.

2. 이미지를 삽입하는 두가지 방법에 대한 차이

1. img 태그를 사용하는 것

- <img src="이미지파일" alt="부연설명">

• img태그는 html태그를 이용한다. 이미지 삽입에 최적화된 태그이며 사용하기 편리해 많이 사용된다. 높이와 넓이를 지정가능하며, 이미지를 수정, 보완하기에 편리하다.

2. div 태그에 background-image 속성을 추가하는 것

div {
	background-image: url('이미지')'
    }

• CSS 효과를 사용해 이미지를 넣어야하며, div태그를 설정해주어야 하는 번거로움이 있다. div태그가 block요소이기때문에 background-size를 통해 이미지 변경을 해주어야 한다.