<img> 태그는 문서에 이미지를 표현할 때 사용합니다.
특징 |
설명 |
콘텐츠 카테고리 |
Flow content, Phrasing content, Embedded content, Palpable content. |
콘텐츠 모델 |
적용 안됨 |
DOM 인터페이스 |
HTMLImageElement |
콘텐츠 속성 |
Global Attributes, Event Attributes |
콘텐츠 요소 |
Inline Element |
닫는 태그 |
없음 |
시각적 표현 |
- |
버전 |
HTML4 |
Definition
- <img> 태그는 src 속성과 alt 속성은 필수적으로 설정합니다.
- <img> 태그에 링크를 추가한다면, <a> 태그를 추가합니다.
- <img> title 속성을 설정하면 이미지에 대한 추가적인 정보를 제공하고, 브라우저에서는 말풍선으로 표시됩니다.
- 이미지는 로딩하는데 시간이 오래 걸리기 때문에 이미지에 대한 영역과 크기를 지정하는 것이 좋습니다.
Compare
- <img> 태그는 HTML4 속성(align, border, hspace, vspace)이 HTML5에서 지원되지 않습니다.
- title 속성은 익스플로러 버전마다 표현될 수 있고, 안될수도 있습니다.