본문 바로가기

쇼핑몰 검색

html5

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

 

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

코리아뉴스-웹학교 정보

회사명. 코리아뉴스
주소. 경기도 남양주시 진건읍 855
사업자 등록번호. 132-10-73100 대표. 한종배 전화. 031-574-3659 팩스. 0504-475-5402
통신판매업신고번호. 제2008-경기남양주-0513호 개인정보관리책임자. 한종배
Copyright © 2001- 2017 코리아뉴스. All Rights Reserved.