[attribute] HTML - download 속성 - 파일 다운로드 지정 (= download속성 = 다운로드속성) ※ 다운파일 새 파일명 지정 ※ 다운로드링크/다운링크

1. download 예제 - <a> 경우
2. download 정의
3. download 구문
4. download 예제 - <area> 경우

download 예제 - <a> 경우

[기존 파일명 그대로 다운로드]

 

<a href="/img/homzzang.jpg" download>

  <img src="/img/homzzang.jpg" alt="홈짱닷컴" width="100" height="200">

</a>

 

---

[새 파일명 지정해 다운로드]

 

<a href="/img/homzzang.jpg" download="홈짱닷컴">

  <img src="/img/homzzang.jpg" alt="홈짱닷컴" width="100" height="200">

</a>

 

download 정의

 

하이퍼링크 클릭 시, href 속성에 지정된 파일 다운로드 지정. (※ 다운 파일의 새 파일명 지정도 가능.)

 

---

 

1. download 속성 사용 가능 태그 종류

<a>, <area>

2.

주요 최신 브라우저 모두 지원.

(Chrome 65+ / Firefox 경우, 동일 출처 다운로드 링크만 지원.)

 

download 구문

 

• <a href="fileURL" download> ... </a>
• <a href="fileURL" download="fileName"> ... </a>
• <area href="fileURL" download>
• <area href="fileURL" download="fileName">

 

---

[속성값]

 

fileName

선택. 다운로드 되는 파일의 새 파일명 지정.

• 확장자는 브라우저가 자동으로 붙임.
• 생략 시, 원래 파일명대로 다운로드 됨.

 

download 예제 - <area> 경우

 

<img src="/img/lang.gif" width="200" height="300" alt="lang" usemap="#hz">

<map name="hz">

  <area shape="rect" coords="0,0,40,40" alt="HTML" href="/html.txt" download>

  <area shape="circle" coords="40,40,20" alt="CSS" href="/css.txt" download>

  <area shape="circle" coords="80,80,20" alt="JS" href="/js.txt" download>

</map>