HTML 彙整 - 第 3 頁，總計 3 頁 - VECTOR COOL 威得數位行銷

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

[……]

檔案文件 big5 轉 Utf-8 解決亂碼問題

網頁文件中的文字雖然看起來都一樣，但編碼不同可能會造成亂碼問題

假設我在head宣告文件為UTF-8，但網頁文件卻是big5編碼，可能會造成亂碼問題，網頁設計多少都會遇到過這種狀況，這時需要將文件轉換至正確的文件編碼。

使用Notepad++檔案編碼互轉

Notepad++是有名的免費軟體 (繁體中文)

Notepad++官方網站：https://notepad-plus-plus.org/
Notepad++安裝版下載網頁：https://notepad-plus-plus.org/download/

以Notepad++開啟文件

上圖紅框處為目前文件編碼

上方工具列：編碼 > 轉換至 UTF-8 碼格式 ( 檔首無BOM )

“檔首無BOM”，BOM是在檔案開始會有幾個隱藏字元，
如果不確定BOM功能，建議選擇”檔首無BOM”的 UTF-8

紅框處確認轉換後編碼，在按下：檔案 > 儲存檔案

顯示正常囉囉!!

網頁造成亂碼的原因很多，有可能是文件，也有可能是資料庫，這只是一種解決方案，慢慢累積經驗囉

[……]

HTML5的lang速查 ( 注意：繁體中文不是zh-TW喔 )

在 HTML5 的 <html> 中可增加 lang= 來標註網頁的語系，讓瀏覽器能更正確的解析與編碼，但從 XHTML 1.0 以來 lang=??? 就不斷演進中，而在 HTML5 的時代究竟要怎麼定義？

目前最主要的規範是依照 IETF(Internet Engineering Task Force 國際網路工程研究團隊)的 RFC 4646 的 Tags for Identifying Languages 所定義。它的要求為 language-script-region-variant-extension-privateuse 就是語言 – 字體 – 地區 – 方言 – 特殊附加資訊。

以台灣繁體中文標示即為 zh-Hant-TW 不是以往認知的zh-tw囉

使用範例：

速查表 zh-Hans

繁體中文：

zh-Hant繁體中文zh-Hant-TW臺灣使用的繁體中文zh-Hant-CN大陸地區使用的繁體中文zh-Hant-HK香港地區使用的繁體中文zh-Hant-MO澳門使用的繁體中文zh-Hant-SG新加坡使用的繁體中文

簡體中文 zh-Hans：

zh-Hans簡體中文zh-Hans-CN大陸地區使用的簡體中文zh-Hans-HK香港地區使用的簡體中文zh-Hans-MO澳門使用的簡體中文zh-Hans-SG新加坡使用的簡體中文zh-Hans-TW臺灣使用的簡體中文

javascript 寫在行內

<!-- A標籤還是有動作 -->
<a href="#" onclick="alert('hello')">沒有作用</a>

<!-- A標籤不會有任何動作 -->
<a href="javascript:void(0);" onclick="alert('hello')">沒有作用</a>

jQuery解法

html：

<a href="#">沒有作用</a>

jQuery

/**
* VECTOR COOL
* https://vector.cool
*/
$(document).ready(function(e) {
    $('a').click(function(e){
	e.preventDefault();
    });
});

[……]

分類: HTML

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

HTML5 a 標籤強制下載檔案

檔案文件 big5 轉 Utf-8 解決亂碼問題

使用Notepad++檔案編碼互轉

以Notepad++開啟文件

顯示正常囉囉!!

HTML5的lang速查 ( 注意：繁體中文不是zh-TW喔 )

使用範例：

速查表 zh-Hans

繁體中文：

簡體中文 zh-Hans：

參考：

HTML 錨點偏移 CSS and JS 兩種方法 (offset anchor tag link)

href=”javascript:void(0);” 設定無作用連結 – a 標籤 href 不作任何動作

javascript 寫在行內

jQuery解法