사이트에 이미지 넣는 방법
- 태그 사용
< img src="imgname.png">- 태그에 background-image속성 추가
background-image: url( "images/bg-house.png" );
위 두가지 방법의 차이점
태그 : width와 height로 이미지의 전체 사이즈 크기 조정 가능.
background-image : 원본 이미지는 줄어들지 않고 박스의 크기에 따라 부분만 보여지기도 함.
가령 div를 사용한다고 할 때 안의 내용물이 없어 박스의 크기가 0x0 이라면 이미지는 아예 나타나지 않음.
시멘틱 태그(Semantic Tag)란?
html5의 제일 큰 특징이다
시맨틱은 '의미의, 의미론적인' 이라는 뜻이다
그 이름 자체만으로 의미를 전달할 수 있는 태그이다. 즉 하나의 태그만으로 태그 안에 들어갈 내용의 의미를 유추할 수 있다
non-semanstic tag: div, span....등등
이 태그만 봐서는 태그안의 내용이 무엇인지 알 수 없다.
시멘틱 웹(Semanstic Web)란?
의미론적인 웹 이라는 의미
컴퓨터가 사람을 대신하여 정보를 읽고, 이해하고, 가공하여 새로운 정보를 만들어 낼 수 있도록 이해하기 쉬운 의미를 가진 차세대 지능형 웹.
또한 다른 의미로는 정보를 분석하여 그 정보의 관계 속에서 의미론적인 자료들을 추출하여 웹 상에 보여줄 수 있는 웹
:D