HTML 대체 속성
정의 및 사용
alt 속성은 어떤 이유로 사용자가 이미지를 볼 수 없는 경우(느린 연결, src 속성의 오류 또는 사용자가 화면 판독기를 사용하는 경우) 이미지에 대한 대체 정보를 제공합니다.
참고: <img> 요소에는 alt 속성이 필요합니다.
참고: <input> 요소의 경우 alt 속성은 <input type="image">에만 사용할 수 있습니다.
팁: 이미지에 대한 툴팁을 만들려면 title 속성을 사용하세요!
에 적용
alt 속성은 다음 요소에 사용할 수 있습니다.
집단 | 기인하다 |
---|---|
<지역> | 대체 |
<img> | 대체 |
<입력> | 대체 |
예
면적 예
클릭 가능한 영역이 있는 이미지 맵:
<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 src="smiley.gif" alt="Smiley face">
입력 예
제출 버튼을 나타내는 이미지가 있는 HTML 양식:
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
<input type="image" src="submit.gif" alt="Submit" width="48" height="48">
</form>
브라우저 지원
특성 은 alt
각 요소에 대해 다음 브라우저 지원을 가집니다.
Element | |||||
---|---|---|---|---|---|
area | Yes | Yes | Yes | Yes | Yes |
img | Yes | Yes | Yes | Yes | Yes |
input | Yes | Yes | Yes | Yes | Yes |