..

Search

download

download

<a> 태그의 download 속성


HTML <a> 태그 ⇒


정의 및 특징

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

 

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

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

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


문법

<a download="파일 이름">

속성값

속성값   설명

파일 이름

 

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


예제
<a href="/examples/images/tcpschool_logo.png" download>
    <img src="/examples/images/tcpschool_logo.png" alt="tcpschool" width="196" height="26">
</a>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

download 14.0 18.0 지원하지 않음 20.0 10.1 15.0

HTML5에서 변경된 사항

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


연습문제