HTML5 Tutorial

學過網頁的人都知道 HTML 中的 <a> 標籤是用來做連結的，而我們有時會需要在網頁中導引訪客連結至一個檔案，而該檔案有可能是 DOCX、PPTX 或 PDF 等，而某些檔案瀏覽器因為無法預覽會直接跳出下載，然而像是 PDF 這種可預覽的格式則會直接給訪客進入 ...

HTML5 a 標籤強制下載檔案 當a 標籤直接指向檔案時，會由瀏覽器去決定開啟方式，”給敖”的去決定下載還是開啟檔案，例如PDF，瀏覽器通常會直接開啟檔案，但有些檔案，希望User可以直接下載，在HTML5中有新的方式可以指定用下載的方式，範例於下方程式碼：

Chrome 現已支援 HTML 規格中 a 元素的新 download 屬性。 使用此屬性時，表示瀏覽器應下載所指的資源，而非前往該資源。 在「下載資源」 中： 注意： 如果有 download 屬性，表示作者希望使用超連結來下載資源。

下載是網站中常見的操作，但操作體驗基本款為「開啟一個新頁面，然後開始下載」，而前端工程為了帶來更好的體驗效果當然不能這樣把一個操作流程帶往到新頁面後這邊就結束，所以掌握好操作動向的 UX 設計在這部分就會有一些挑戰。

一般在網頁上開啟檔案時瀏覽器都會直接開啟該檔案，但有時候我們希望該連結是給使用者直接下載檔案，這個時候可以加上以下參數即可直接下載檔案。