HTML on Lin's Blog

HTML 強制超連結下載檔案

Wed, 26 Apr 2017 09:56:50 +0000

現在的瀏覽器都很聰明，當網頁超連結的內容是純文字檔、PDF、CSS File 時，瀏覽器會很聰明的在瀏覽器預覽而不是下載，但有時候我們希望使用者直接下載而不是在瀏覽器檢視，例如之前到 jQuery 的官網下載 jquery.js 時，都會變成預覽，需要按右鍵另存新檔，但其實我的目的很明確是要下載檔案而不是檢視呀！

解決 HTML Anchor 內文被選單遮住的問題

Mon, 20 Feb 2017 23:28:39 +0000

HTML 的 Anchor 錨點功能十分方便，當網頁過長時可以透過 Anchor 讓訪客快速的移到指定段落，這樣的手法在許多技術文件、部落格都有出現，如果你看到類似 https://coder.tw/?p=123#section1 的網址就是應用 HTML Anchor 的特性，這樣的特性雖然方便卻也帶來一些問題，最常見因為網頁最上方有浮動選單，當訪客點擊 Anchor 連結進到網頁後，雖然瀏覽器有自動捲到指定章節，但卻有部分文字被選單遮住，我始終很煩惱這問題，今天恰好在閱讀 Facebook 技術文件時發現他們的解法蠻不錯的。

How to Prevent JS Input onFocus Event Fire After Page onFocus

Thu, 16 Feb 2017 11:27:59 +0000

最近的工作是在網站中置入 Google Analytics 的使用者事件追蹤程式碼，我透過 HTML Event 的做法將程式碼掛在 Input 上面，只要使用者點擊特定的欄位、按鈕就會發送一筆記錄到 Google Analytics，這樣的做法沒有什麼問題，但我發現當使用者點擊 Input 欄位後如果切換到其他網頁（Chrome Tabs），當使用者在切換回我的頁面（Page onFocus）時，Input onFocus 事件卻被自動觸發了！

Zen Coding 幫助你快速開發網站的好東西，喜歡手寫網頁的人必備～

Mon, 22 Aug 2011 21:40:44 +0000

我想應該很多人都跟我一樣，寫網頁時不喜歡用DW直接拉介面，而是喜歡開啟Notepad直接撰寫HTML吧～這種方法的好處是可以磨練自己XD 但是壞處卻是開發速度有點慢（其實習慣這種方式之後速度比DW還要快…XD）今天要跟大家介紹Zen Coding，他可以讓你的寫網頁速度加快N倍！你可以直接用CSS語句的方式寫網頁～