만드는 방법: 다운로드 링크

HTML을 사용하여 다운로드 링크를 만들어 보는 방법을 배웁니다.

다운로드 링크

HTML의 download 속성을 사용하여 사용자가 하이퍼링크를 클릭할 때 목표 파일을 다운로드하도록 지정할 수 있습니다.

예제

<a href="w3logo.png" download>
  <img src="w3logo.png" alt="W3School">
</a>

본인이 직접 시도해 보세요

설정된 경우에만 사용됩니다 href 속성을 download 속성.

이 속성의 값은 다운로드 파일의 이름이 됩니다. 허용된 값에 대한 제한이 없으며, 브라우저는 자동으로 올바른 파일 확장명을 검출하여 파일에 추가합니다(이미지 파일 확장명 .img, .pdf, .txt, .html 등).

또한 download 속성에 값을 지정하면, 이 값이 다운로드 파일의 새 파일 이름이 됩니다. 값이 누락되면 원래 파일 이름이 사용됩니다.

예제

위치 download 속성에 값을 지정하면, 이 값이 다운로드 파일의 새 파일 이름이 됩니다("w3logo.jpg" 대신 "mycodew3cimage.jpg"입니다):

다운로드 속성의 값을 지정하면, 이 값이 다운로드 파일의 새 파일 이름이 됩니다("w3logo.jpg" 대신 "mycodew3cimage.jpg"입니다):

<a href="w3logo.png" download="codew3c-logo">
  <img src="w3logo.png" alt="W3School">
</a>

본인이 직접 시도해 보세요

브라우저 지원

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