"HTML img alt 속성"의 두 판 사이의 차이

2017년 6월 27일 (화) 03:59 기준 최신판

다른 뜻에 대해서는 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 같이 보기[ | ]

5 참고[ | ]

@@ 1번째 줄: / 1번째 줄: @@
+{{다른뜻|Alt 키}}
 ==개요==
 ;HTML img alt Attribute
 ;HTML img alt 속성
+*대체 문자열(alternative text)
 *그림이 렌더링되지 못할 때 나타날 문자열을 지정하기 위한 값
 *그림의 링크가 깨졌거나, 인터넷 연결이 제한적일 때 그림 대신 이것만 보여줌
 *검색엔진이 그림에 대한 정보를 파악함
-*시간장애인을 위한 TTS 스크린 리더 소프트웨어에서 사용
+*시각장애인을 위한 TTS 스크린 리더 소프트웨어에서 사용
-==예시==
+==예시 1==
+<source lang='html5'>
+<img src="그림파일.png" alt="그림에 대한 설명">
+</source>
 <source lang='html5'>
 <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" >
+</source>
+==예시 2: 구글코리아 2015-04-16==
+<source lang='html5'>
+<img class="gb_Eb imgelem" alt="세월호 희생자 및 유가족분들을 기억하며 위로를 보냅니다." height="68px" src="/images/icons/hpcg/ribbon-black_68.png" title="세월호 희생자 및 유가족분들을 기억하며 위로를 보냅니다." width="48px">
 </source>
@@ 17번째 줄: / 27번째 줄: @@
 *[[longdesc 속성]]
-==참고 자료==
+==참고==
 *http://en.wikipedia.org/wiki/Alt_attribute
 *http://www.w3schools.com/tags/att_img_alt.asp
 [[분류: HTML]]