HTML 참조 매뉴얼

HTML 태그 모든 것

HTML: <img> longdesc 속성

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

온라인 예제

longdesc 속성 사용 방법에 대한 몇 가지 예제:

예제

<!DOCTYPE html>
<html>
<head>
<title>HTML:<img> longdesc 속성　-　기본 가이드 웹사이트 oldtoolbag.com</title>
<body>
<!--　설명은 이미지와 같은 페이지에 포함되어 있습니다.　-->
<img src="sun.gif" alt="oldtoolbag.com"　width="100"　height="132"　longdesc="#w3codebox_Explained">
<!--　설명은 외부 페이지에 포함되어 있습니다.　-->
<img src="sun.gif" alt="oldtoolbag.com"　width="100"　height="132"　longdesc="w3codebox.txt">
<!--　설명은 외부 페이지에 포함된 여러 설명 중 하나입니다.　-->
<img src="sun.gif" alt="oldtoolbag.com"　width="100"　height="132"　longdesc="http://example.com/desc#item3">
<!--　설명은 data:URI에 포함되어 있습니다.　-->
<img src="sun.gif" alt="oldtoolbag.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">
<div id="w3codebox_Explained">
　　<h2>Image sun.gif</h2>
　　<p>이미지 설명.../p>
</div>
</body>
</html>

테스트를 해보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

대부분의 주요 브라우저는 longdesc 속성을 지원하지 않습니다.

정의와 사용법

HTML5 <img> longdesc 속성을 지원하지 않습니다.

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

ヒント:브라우저가 longdesc 속성을 매우 잘 지원하지 않기 때문에, 이 속성을 사용할 필요가 없습니다. 특정 이미지에 장문 설명을 제공하려면(필요한 경우), 단순히 설명 페이지로 가는 링크를 만들면 됩니다(이 링크는 모든 사람에게 볼 수 있습니다).

문법

<img longdesc="URL">

속성 값

값	설명
URL	하이퍼링크된 이미지의 상세 설명. 가능한 값: 한 ID를 다른 요소에 적용합니다. 절대 URL 　- 다른 웹사이트를 지정합니다. (예: LONGDESC = "http:")//www.example.com/description.txt") 상대 URL 　- 웹사이트 내 파일을 지정합니다. (예: LONGDESC = "description.txt")

　HTML <img> 태그

HTML: <template> 태그