04/10/2018, 20:12

Sơ lược về thuộc tính HTML5 Download

Tạo một link download thì là một công việc rất dễ dàng và đơn giản, chỉ cần việc dùng thẻ <a> , rồi sau đó là chèn đường dẫn cần download vào là xong. Nhưng có một số kiểu file gây khó khăn cho chúng ta trong việc tạo các link download, cụ thể như các file PDF, hình ảnh hoặc các file chữ, ...

Tạo một link download thì là một công việc rất dễ dàng và đơn giản, chỉ cần việc dùng thẻ <a> , rồi sau đó là chèn đường dẫn cần download vào là xong. Nhưng có một số kiểu file gây khó khăn cho chúng ta trong việc tạo các link download, cụ thể như các file PDF, hình ảnh hoặc các file chữ, thường được mở mặc định bằng trình duyệt thay vì hiện bảng download khi chúng ta click vào đường link của các file này.

Sơ lược về thuộc tính HTML5 Download

Trước đây, chúng ta cần phải cấu hình và ép buộc ở phần server để có thể download được các file này. Có lẽ cũng vì lý do đó, mà HTML5 đã giới thiệu một thuộc tính mới tên là download.

Thuộc tính download này giúp chúng ta làm 2 việc : một là tạo bảng download khi click link , cho dù đó là loại file nào đi nữa. Hai là cho phép chúng ta đặt tên lại cho file download.

Để dễ hiểu, chúng ta cùng tạo 2 link download , một cho file PDF và một cho file hình ảnh.

<br />&lt;a href="file/e4ptK9qd7bGT24e.pdf"&gt;Download PDF&lt;/a&gt;<br />&lt;a href="file/KU7Ba93M7t7ghbi.jpg"&gt;Download Image&lt;/a&gt;<br />

Khi chúng ta không sử dụng thuộc tính download , thì khi click vào 2 link này, chúng sẽ tự động mở bằng trình duyệt như sau :

Sơ lược về thuộc tính HTML5 Download Nhưng khi chúng ta sử dụng thuộc tính download như sau :

<br />&lt;a href="file/e4ptK9qd7bGT24e.pdf" download="10 Things You Should Know About Passion.pdf"&gt;Download PDF&lt;/a&gt;<br />&lt;a href="file/KU7Ba93M7t7ghbi.jpg" download="wii.jpg"&gt;Download Image&lt;/a&gt;<br />

Những file này đã được thuộc tính download đổi lại tên, nên khi click vào link, chúng ta sẽ nhận được bảng download với tên mới cho file như sau :

Sơ lược về thuộc tính HTML5 Download

HTML5 đã giới thiệu thêm nhiều tính năng mới giúp cho việc  phát triển web trở nên dễ dàng hơn rất nhiều, và thuộc tính download là một trong số đó. Nhưng thật không may là thuộc tính này hiện vẫn chỉ có thể đươc hỗ trợ bởi trình duyệt Firefox 20+, Chrome 14.0 và Opera 15.0.

Tags: Download Attribute html5 html5 căn bản HTML5 Download

Chuyên Mục: HTML5

Bài viết được đăng bởi webmaster

Bài liên quan

Sơ lược về thuộc tính HTML5 Download

Tạo một link download thì là một công việc rất dễ dàng và đơn giản, chỉ cần việc dùng thẻ <a> , rồi sau đó là chèn đường dẫn cần download vào là xong. Nhưng có một số kiểu file gây khó khăn cho chúng ta trong việc tạo các link download, cụ thể như các file PDF, hình ảnh hoặc các file chữ, ...

Hoàng Hải Đăng viết 20:12 ngày 04/10/2018

Tìm hiểu sơ lược về HTML5 Datalist

Mỗi khi bạn nhấp vào ô tìm kiếm trong trang google, thường xuất hiện những lựa chọn gợi ý có sẵn cho bạn lựa chọn bên dưới. Đây là một tính năng mới và rất hay của HTML5 , mình sẽ giúp các bạn áp dụng tính năng tương tự cho trang web của mình. Xem Demo Trước đây, để tạo tính năng ...

Vũ Văn Thanh viết 20:12 ngày 04/10/2018

Tìm hiểu sơ lược về Macro trong Microsoft excel

Thú thật, tôi không phải dân công nghệ, và trình độ máy tính văn phòng thuộc level chấp nhận được, nhưng hiện tại, công việc của tôi liên quan nhiều đến excel, đặc biệt phải có sự giúp đỡ của Macro trong các thao tác hàng ngày. Chính vì vậy, trong bài viết này, tôi muốn nói về vài nét tôi đã tìm ...

Hoàng Hải Đăng viết 13:24 ngày 12/08/2018

Vài nét sơ lược về sự khác nhau giữ Tiếng Anh và Tiếng Nhật

Lời mở đầu: Có thể nói trên thế giới có bao nhiêu quốc gia, bao nhiêu dân tộc thì cũng có gần tương đương số ngôn ngữ được sử dụng. Trong đó, tiếng Anh đang là phương tiện giao tiếp chính ở nhiều nước. Theo tờ International Herald Tribune (IHT) cho biết "tính theo một cách nào đó, số lượng ...

Hoàng Hải Đăng viết 13:17 ngày 12/08/2018

Sơ lược về ứng dụng trí tuệ nhân tạo (artificial intelligence - AI) trong software testing (kiểm thử phần mềm)

Sơ lược về software testing (kiểm thử phần mềm) Trước hết về hoạt động kiểm thử phần mềm, đây là hoạt động rất quan trọng vì: Có quá ít mô hình phát triển phần mềm Các mô hình phát triển phần mềm này đều nhận ra tầm quan trọng của hoạt động kiểm thử phần mềm Có một số kiểu kiểm thử phần ...

Bùi Văn Nam viết 13:16 ngày 12/08/2018
0