w3.css

다운로드 링크

HTML로 다운로드 링크를 만드는 방법을 알아보자.

다운로드 링크

HTML download속성을 사용하면 사용자가 하이퍼링크를 클릭하면 대상이 다운로드되도록 지정할 수 있다.

HTML 추가

<a href="/images/myw3schoolsimage.jpg" download>
  <img src="/images/myw3schoolsimage.jpg" alt="W3Schools">
</a>

Download 속성은 href 속성이 설정된 경우에만 사용된다.
속성 값은 다운로드한 파일의 이름이 된다.
허용되는 값에는 제한이 없으며 브라우저에서 올바른 파일 확장자를 자동으로 감지하여 파일에 추가한다(.img, .pdf, .txt, .html 등).
다운로드한 파일의 새 파일명이 될 다운로드 속성의 값을 지정할 수도 있다.
값을 생략하면 원래 파일 이름이 사용된다.

HTML 추가

<a href="/images/myw3schoolsimage.jpg" download="w3logo">
  <img src="/images/myw3schoolsimage.jpg" alt="W3Schools">
</a>

Mingg`s Diary

밍구

공부 목적 블로그

https://maz.kr

모든 포스트 보기