HTML <area> download 속성

HTML <a> 태그

정의와 사용법

download 속성은 사용자가 클릭할 때 다운로드할 목표를 지정합니다.:href 속성 에서 지정된 파일).

download 속성의 선택 사항은 파일 다운로드 후 새 파일 이름이 됩니다. 어떤 값도 사용할 수 있으며, 브라우저는 자동으로 올바른 파일 확장명을 감지하여 파일에 추가합니다. 예를 들어 .img, .pdf, .txt, .html 등.:

이 값을 생략하면 원래 파일 이름이 사용됩니다.:

예제

예제 1

download 속성을 사용하여 사용자가 클릭할 때 다운로드할 목표를 지정합니다.:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" alt="Sun" href="about_sun.html" download>
<area shape="circle" coords="190,230,5" alt="Mercury" href="about_mercury.html" download>
<area shape="circle" coords="228,230,5" alt="Venus" href="about_venus.html" download>
<area shape="circle" coords="228,230,5" alt="金星" href="about_venus.html" download="金星">

</map>

예제 2

download 속성에 값을 지정하여, 다운로드 파일의 새 파일 이름이 됩니다. 예를 들어, sun.htm 대신 information_about_the_sun.htm 사용합니다.:

<map name="planetmap">
<area shape="rect" coords="0,0,114,576" alt="Sun" href="about_sun.htm" download="sun">
Mercury
<area shape="circle" coords="190,230,5" alt="수성" href="about_mercury.html" download="수성">
<area shape="circle" coords="228,230,5" alt="金星" href="about_venus.html" download="金星">

</map>

직접 시도해 보세요

문법filename<area download="

">

값 설명
filename 선택 사항. 다운로드 파일의 새 파일 이름을 정의합니다.

브라우저 지원

표의 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
14.0* 18.0 20.0* 10.1 15.0

* Chrome 65+ 및 Firefox는 동일 소스 다운로드 링크를 지원합니다.

HTML <a> 태그