標籤: HTML5

CSS 選取同層偶數元素，當 nth-child(even) 不起作用

在編輯網頁的時候很常會遇到這種情況，讓單數列與偶數列交錯，這次修改HTML不是我自己產生的，是由WordPress產生的，因此要透過CSS選擇器選取偶數列，將偶數的欄反轉，HTML結構大致如下，內容我省略

HTML:

CSS:

上述CSS不起作用，有點納悶查了一下，改用下列方法，就成功了

有遇到這問題的朋友可以試試看喔

[……]

閱讀更多

HTML5 a tag force download

希望強制讓使用者下載檔案，但是在a標籤將網址指向檔案，在一些常用檔案例如：jpg、png、PDF，常會被瀏覽器直接開啟，無法直接下載，比較正規的做法是在發送 headers 時做這件事，但有時我們在處理靜態網頁就可以用偷吃步，在HTML5 a 標籤中多了一個download屬性，就可以用強制檔案用下載的方式讓使用者下載a標籤連結中的檔案，但這偷吃步要小心瀏覽器相容性

點我看效果 download PNG

[……]

閱讀更多

HTML5 a Tag 直接用手機撥電話的連結

在 a 標籤中 href 屬性中，開頭加上 tel:撥打的電話號碼 ，在手機上按下此連結會呼叫手機撥號的應用程式，並把電話輸入在電話欄中，非常方便，但要注意電話號碼格式，只能輸入數字

錯誤：02-2888-8888

正確：0228888888

<a href="tel:0228888888">聯絡我們</a>

 [……]

閱讀更多

HTML5 a 標籤強制下載檔案

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

  • path_to_file 是絕對路徑或者相對路徑 。
  • file_name 下載檔案的預設名稱。

http://hant.ask.helplib.com/javascript/post_406301
https://stackoverflow.com/questions/11620698/how-to-trigger-a-file-download-when-clicking-an-html-button-or-javascript

[……]

閱讀更多