..

Search

alt

alt

<img> 태그의 alt 속성


HTML <img> 태그 ⇒


정의 및 특징

<img> 태그의 alt 속성은 이미지를 보여줄 수 없을 때 해당 이미지를 대체할 텍스트를 명시합니다.

 

이러한 alt 속성은 사용자가 느린 네트워크 환경이나 src 속성값의 오류, 시각 장애인용 스크린 리더의 사용 등 어떤 이유로든 사용자가 이미지를 볼 수 없을 때 이미지 대신 제공할 대체 정보를 제공합니다.


문법

<img alt="텍스트">


속성값

속성값   설명

텍스트

 

해당 이미지를 위한 대체 텍스트를 명시함.

- 만약 이미지가 정보를 포함하고 있다면, 텍스트는 이미지를 묘사해야 함.

- 만약 이미지가 <a> 요소 내에 위치하고 있다면, 텍스트는 링크가 어디와 연결되어 있는지를 설명해야 함.

- 만약 이미지가 단순한 장식이라면 alt=""와 같이 사용해야 함.


예제

<img src="/examples/images/monalisa.png" alt="모나리자">

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

alt 지원함 지원함 지원함 지원함 지원함 지원함

연습문제