..

Search

download

download

<area> 태그의 download 속성


HTML <area> 태그 ⇒


정의 및 특징

<area> 태그의 download 속성은 사용자가 하이퍼링크를 클릭할 때 해당 대상(target)로 연결되지 않고 대신 해당 콘텐츠가 다운로드됨을 명시합니다.

 

이 속성은 반드시 href 속성이 설정되어야만 사용할 수 있습니다.

 

download 속성의 속성값은 다운로드되는 파일의 이름이 되며, 그 값에 특별한 제약은 없습니다. 브라우저는 다운로드되는 파일의 정확한 확장자명을 확인하여, 자동으로 파일 이름 끝에 추가합니다. (.html, .pdf, .jpg 등)

만약 download 속성의 속성값을 생략하면, 다운로드되는 파일의 원래 이름이 사용됩니다.


문법

<area download=“파일 이름”>

속성값

속성값   설명

파일 이름

 

다운로드되는 파일의 새로운 이름을 명시하며, 생략할 수 있음.


예제
<img src="/examples/images/img_imagemap.jpg" alt="진실 혹은 거짓" usemap="#vending" style="width:320px; height:240px">
<map name="vending">
    <area shape="poly" coords="50,150,230,120,230,180,50,210" alt="진실" href="/examples/images/truth.jpg" download>
    <area shape="circle" coords="140,100,40" alt="거짓" href="/examples/media/false.txt" download>
</map>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

download 지원함 지원함 지원함 지원함 지원함 지원함

HTML5에서 변경된 사항

download 속성은 HTML5에서 <area> 태그에 새롭게 추가된 속성입니다.


연습문제