HTML img alt 속성

  다른 뜻에 대해서는 Alt 키 문서를 참조하십시오.

1 개요

HTML img alt Attribute

HTML img alt 속성

• 대체 문자열(alternative text)
• 그림이 렌더링되지 못할 때 나타날 문자열을 지정하기 위한 값
• 그림의 링크가 깨졌거나, 인터넷 연결이 제한적일 때 그림 대신 이것만 보여줌
• 검색엔진이 그림에 대한 정보를 파악함
• 시각장애인을 위한 TTS 스크린 리더 소프트웨어에서 사용

2 예시 1

<img src="그림파일.png" alt="그림에 대한 설명">

<img alt="In the sky flies a red flag with a white cross whose vertical bar is shifted toward the flagpole."
     src="http://upload.a.org/wikipedia/commons/thumb/8/83/Dannebrog.jpg/180px-Dannebrog.jpg" >

3 예시 2: 구글코리아 2015-04-16

<img class="gb_Eb imgelem" alt="세월호 희생자 및 유가족분들을 기억하며 위로를 보냅니다." height="68px" src="/images/icons/hpcg/ribbon-black_68.png" title="세월호 희생자 및 유가족분들을 기억하며 위로를 보냅니다." width="48px">

4 같이 보기

• HTML img 태그
• longdesc 속성

5 참고

• http://en.wikipedia.org/wiki/Alt_attribute
• http://www.w3schools.com/tags/att_img_alt.asp