HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <img> alt 속성

사용자가 어떤 이유로 인해 이미지를 볼 수 없다면(연결 속도가 느리거나 src 속성이 오류가 있거나 사용자가 스크린 레디어를 사용하는 경우) alt 속성은 이미지에 대체 정보를 제공합니다. 이미지를 표시할 수 없다면 반드시 alt 속성을 사용하여 이미지의 대체 텍스트를 지정해야 합니다.

　HTML <img> 태그

온라인 예제

대체 텍스트를 지정한 이미지:

예제

!DOCTYPE　html>
<html>
<head>
<title>HTML:<img>　alt　속성　-　기본教程网　oldtoolbag.com</title>
<body>
<img　src="haha-no.gif"　alt="haha　face"　width="42"　height="42">
</body>
</html>

테스트해보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저는 alt 속성을 지원합니다.

정의와 사용 방법

alt 속성은 이미지가 표시되지 않을 때 대체 텍스트를 정의하는 필수 속성입니다.

이미지를 표시할 수 없다면, 반드시 alt 속성을 사용하여 이미지의 대체 텍스트를 지정해야 합니다.

사용자가 어떤 이유로든 이미지를 볼 수 없다면(연결 속도가 느리거나 src 속성이 오류가 있거나 사용자가 스크린 레이더를 사용하는 경우), alt 속성은 이미지에 대체 정보를 제공합니다.

주의:사용자가 img 요소에 마우스를 가져갈 때, Internet Explorer (9 이전 버전에서는 alt 속성의 값을 툴팁으로 표시했습니다. HTML 규범에 따르면 이러한 행동은 올바르지 않습니다.

참고:이미지에 툴팁을 만들고 싶다면 사용하십시오 title 속성!

HTML 4.01 HTML과5간의 차이

없음.

문법

<img alt="text">

속성 값

값	설명
text	이미지의 대체 텍스트를 지정합니다. alt 텍스트 사용 원칙: 이미지가 정보를 포함하고 있을 때, 이미지를 설명하는 alt를 사용하십시오 이미지가 <a> 요소에 있을 때, 목표 링크를 설명하는 alt를 사용하십시오 이미지가 장식용이라면 alt=""를 사용하십시오

　HTML <img> 태그

HTML: <template> 태그