목차
download 예제 - <a> 경우 download 정의 download 구문 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>
