코드랩 레퍼런스

<img> 본문

HTML

<img>

webstoryboy 2016. 6. 3. 15:59
<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 속성은 익스플로러 버전마다 표현될 수 있고, 안될수도 있습니다.

Ad

Comments