<area> 태그의 alt 속성
HTML <area> 태그 ⇒
정의 및 특징
<area> 태그의 alt 속성은 이미지를 보여줄 수 없을 때 해당 영역(area)을 대체할 텍스트를 명시합니다.
이러한 alt 속성은 사용자가 느린 네트워크 환경이나 src 속성값의 오류, 시각 장애인용 스크린 리더의 사용 등 어떤 이유로든 사용자가 이미지를 볼 수 없을 때 이미지 대신 제공할 대체 정보를 제공합니다.
또한, 이 속성은 반드시 href 속성이 설정되어야만 사용할 수 있습니다.
문법
| <area alt=“텍스트”> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
텍스트 |
이미지를 보여줄 수 없을 때 대신 보여줄 대체 텍스트를 명시함. |
예제
<img src="/examples/images/imagemap.jpg" alt="진실 혹은 거짓" usemap="#vending" style="width:320px; height:240px">
<map name="vending">
<area shape="rect" coords="210,200,70,130" alt="진실" href="https://ko.wikipedia.org/wiki/%EC%A7%84%EC%8B%A4">
<area shape="rect" coords="90,60,180,130" alt="거짓" href="https://ko.wikipedia.org/wiki/%EA%B1%B0%EC%A7%93%EB%A7%90">
</map>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| alt | 지원함 | 지원함 | 지원함 | 1.0 | 지원함 | 지원함 |
HTML5에서 변경된 사항
HTML 4.01에서는 <area> 태그에 반드시 alt 속성을 명시해야 했습니다.
하지만 HTML5에서는 href 속성이 존재하는 경우에만 명시할 수 있도록 변경되었습니다.
