html5에 추가된 a태그의 download속성

본문

html5에서 a태그에 추가된 속성중 download는 꽤 쓰임새가 있어 보입니다.

 

서버에 있는 웹페이지나 이미지, 화일(img, pdf, txt, html 등) 등을 a태그로 링크를 걸어 다운로드 기능을 수행할 때 사용하면 됩니다.

 

사용법 : 

<a href="/images/logo.jpg" download="옵션">logo 다운받기</a>

 

다만, IE와 사파리는 이 속성을 지원하지 않네요. 

크롬, 파이어폭스, 오페라 최신버전만이 지원합니다.

 

<a href="http://www.365ok.co.kr/normal/img/response/custom/img/logo.png" download="365OK_logo">365OK</a>

이것을 실제 구현해 보면 아래와 같고 실제 클릭을 해보면 어떻게 작동되는지 이해가 갈 겁니다.

(단, IE는 지원이 안되므로 크롬브라우저로 확인해 보시기 바랍니다.)

 

365OK

 

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
다음글HTML5 Video