HTML <img> longdesc 속성

HTML <img> 태그

정의와 사용법

longdesc 속성은 이미지 상세 설명을 가리키는 하이퍼링크를 정의합니다.

상세 정보

<img> 태그의 longdesc 속성은 alt 속성 와 유사하지만 더 긴 설명을 허용합니다.longdesc 의 값은 이미지 설명을 포함하는 문서의 URL을 가리킵니다. 설명이 1024자를 초과하면, longdesc 속성을 설정하는 것을 지원하지 않습니다.

HTML이나 XHTML은 설명이 무엇인지 명시하지 않으며, 현재의 브라우저들은 이 속성을 사용하여 링크를 설정하는 것을 지원하지 않습니다. longdesc 속성을 사용하여 대용량 설명을 생성하는 것을 권장합니다. 설명 페이지로의 링크를 생성하면 됩니다.

alt 속성은 장애인에게 큰 도움이 되며, 명백한 이유로longdesc 속성이 더 나은 선택입니다.

예제

longdesc 속성을 사용하여 설명을 작성하는 몇 가지 예제:

<!-- 이 설명은 이미지와 같은 페이지에 위치하고 있습니다. -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="#w3htmlExplained">
<!-- 이 설명은 외부 페이지에 있습니다. -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="w3html.txt">
<!-- 이 설명은 외부 페이지에서 여러 설명 중 하나입니다. -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="http://example.com/desc#item3">
<!-- 이 설명은 data:URI에 포함되어 있습니다. -->
<img src="w3html.gif" alt="W3Schools.com" width="100" height="132" longdesc="data:text/html;charset=utf-8;,%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3Ctitle%3EDescription%20of%20the%20Logo%3C/title%3E%3C/head%3E%3Cbody%3E%3Cp%3ESome%20description%20goes%20here%3C/body%3E%3C/html%3E">

직접 시도해 보세요

문법

<img longdesc="string">

속성 값

값 설명
string

이미지의 상세 설명을 가리키는 힌트를 정의합니다。

가능한 값:

  • 다른 요소의 id
  • 절대적 URL - 다른 사이트를 가리키는 것（예: longdesc="http://www.example.com/description.txt"）
  • 상대적 URL - 사이트 내 파일을 가리키는 것（예: longdesc="description.txt"）

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원하지 않음 지원하지 않음 지원하지 않음 지원하지 않음 지원하지 않음

HTML <img> 태그