먼저 이미지 컨텐츠를 표현 하는데에는 아래와 같이 두가지 방법이 있다.
- HTML 의 < img /> 태그를 활용하는 방법.
- CSS 의 background-image 를 사용하는 방법.
HTML에서의 img 태그 방식은 요소들을 나열하는 것 중 하나의 element로 인식이 되는 반면에, CSS를 통해 background-image를 설정 하는 것은 말 그래도 배경을 설정하여 그 위에 요소들로 꾸미는 것을 뜻하는 것 같다.
즉, HTML의 img 태그는 요소들 중 하나.
CSS에서의 background-image는 꾸미는 장식 중 하나로 생각하면 될거 같다.
Semantic Web:
컴퓨터가 사람을 대신하여 정보를 읽고, 이해하고 가공하여 새로운 정보를 만들어 낼 수 있도록 이해하기 쉬운 의미를 가진 차세대 지능형 웹.
Semantic Tag:
시맨틱 태그란 웹페이지의 구조를 쉽게 이해할 수 있도록 정의된 태그를 의미한다. 즉, 태그의 이름을 통해 문서의 구조가 어떠한지 짐작할 수 있으며 레이아웃을 구성하기 위해사 사용된다. HTML5 이전에는 < div> 태그에 id 속성을 이용하여 구분하여 개발자에 따라 다르게 지정되는 등 불편함이 있었지만 html5에서는 시맨틱 태그가 등장하여 개발자 간 혼란 없이 공통된 태그를 이용할 수 있으며, 검색 엔진 등에서 소스를 읽을 때 해당 요소의 의미(제목, 메뉴, 하단 정보 등)를 쉽게 판독할 수 있다.
multi-national communicator with programming (back-end)