최신 웹 개발 튜토리얼
 

HTML alt Attribute


정의 및 사용

alt 어떤 이유로, 사용자가 볼 수없는 경우에 속성은 이미지의 대체 정보를 제공 (때문에 느린 연결 상기의 오류 src 특성 또는 사용자가 스크린 리더를 사용하는 경우).

참고 : alt 속성이 필요합니다 <img> 요소입니다.

참고 : 들어 <input> 요소의 alt 속성은 사용할 수 있습니다 <input type="image"> .

팁 : 이미지의 툴팁을 만들 사용하려면 title 속성을!


적용

alt 속성은 다음과 같은 요소에 사용할 수 있습니다 :

집단 속성
<area> alt
<img> alt
<input> alt

Area

클릭 가능한 영역과 이미지 맵 :

<img src="planets.gif" width="145" height="126" alt="Planets"
usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
»그것을 자신을 시도

Img

지정된 대체 텍스트와 이미지 :

<img src="smiley.gif" alt="Smiley face">
»그것을 자신을 시도

Input

하는 HTML form 제출 버튼을 나타내는 이미지 :

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
»그것을 자신을 시도

브라우저 지원

alt 속성은 각 요소에 대한 다음과 같은 브라우저 지원을하고있다 :

요소
area Yes Yes Yes Yes Yes
img Yes Yes Yes Yes Yes
input Yes Yes Yes Yes Yes