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

잔글 (봇: 자동으로 텍스트 교체 (-== 참고 자료 == +==참고==))
 
(사용자 2명의 중간 판 9개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{다른뜻|Alt 키}}
==개요==
==개요==
;HTML img alt Attribute
;HTML img alt Attribute
;HTML img alt 속성
;HTML img alt 속성
*대체 문자열(alternative text)
*그림이 렌더링되지 못할 때 나타날 문자열을 지정하기 위한 값
*그림이 렌더링되지 못할 때 나타날 문자열을 지정하기 위한 값
*그림의 링크가 깨졌거나, 인터넷 연결이 제한적일 때 그림 대신 이것만 보여줌
*그림의 링크가 깨졌거나, 인터넷 연결이 제한적일 때 그림 대신 이것만 보여줌
*검색엔진이 그림에 대한 정보를 파악함
*검색엔진이 그림에 대한 정보를 파악함
*시간장애인을 위한 TTS 스크린 리더 소프트웨어에서 사용
*시각장애인을 위한 TTS 스크린 리더 소프트웨어에서 사용


==예시==
==예시 1==
<source lang='html5'>
<source lang='html5'>
<img src="그림파일.png" alt="그림에 대한 설명">
<img src="그림파일.png" alt="그림에 대한 설명">
14번째 줄: 16번째 줄:
<img alt="In the sky flies a red flag with a white cross whose vertical bar is shifted toward the flagpole."
<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" >
     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>
</source>


20번째 줄: 27번째 줄:
*[[longdesc 속성]]
*[[longdesc 속성]]


==참고 자료==
==참고==
*http://en.wikipedia.org/wiki/Alt_attribute
*http://en.wikipedia.org/wiki/Alt_attribute
*http://www.w3schools.com/tags/att_img_alt.asp
*http://www.w3schools.com/tags/att_img_alt.asp


[[분류: HTML]]
[[분류: HTML]]

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 참고[ | ]

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}