html : 이미지태그 기본&활용 공부

HTML 5

ⓘ <img> 태그

* 이미지태그는 인라인 요소입니다.

* 이미지태그는 인라인이지만 css명령어를 통해 크기를 적용할 수 있습니다.

* 이미지태그는 HTML5 부터 대체텍스트 alt 속성을 필수로 작성해야 합니다.

* 대체텍스트 속성에는 주관적인 내용을 작성하는게 아닌 객관적인 내용을 작성해야 합니다.

* 이미지 사용 시 의미전달이 필요한 이미지와 아닌 이미지를 구분해서 사용해야 합니다.

<img src="url" alt="">

* src 이미지 경로 속성의 값으로는 상대경로 방식으로 작성하는 것을 권장합니다.

문서 안 사진을 감싸는 틀로서 활용하고 사진의 캡션을 정의할 수 있습니다.

브라우저 호환성

chrome 8.0

ie 9.0

ff 4.0

safari 5.1

opera 11.0

<figure>
  <img src="URL" alt="">
  <figcaption>caption</figcaption>
</figure>

Comments, Trackbacks