html,css 기초 (웹사이트에 이미지를 넣는 방법)

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

 

- img 태그를 사용해서 이미지를 추가한다는 것은 해당 이미지가 사용자의 편의를 위해 필요성을 가지고있을때 사용하고 에러가 발생할경우 broken이미지가 표시되며 해당자리에 작성자가 이미지를 보여주려 했던 의도가 있었음을 알수있다. 

반대로 background-image를 사용하면 에러가 발생할 경우 해당 위치에 아무것도 표시되지 않는다. 따라서 사용자의 편의나 필요성이 없지 다만 디자인적 심미성 등을 이유로 이미지를 사용할경우에 사용하면 된다.

 

Semantic Web은 사람이 이해할수있는 이미지나 자연어가 아니라 컴퓨터가이해할수 있는 웹을 의미한다. data를 컴퓨터가 해석하고 주고 받는등 자체적으로 처리하는 것이 가능함을 의미한다.

Semantic Tag는 태그 자체가 특별한 기능을 하는 것은 아니고 코더가 웹페이지의 구조를 쉽게파악할수 있도록 돕는다. 결과론 적으론 검색할떄 쉽게 접근할수 있는등 웹페이지 자체를 구조적으로 만들어 접근성이 용의하도록 만들어준다.