前端學習——HTML4和HTML5設定頁面語言字符集

xukai871105發表於2014-06-28
前端HTML
0.前言
    本文總結如何設定網頁的字符集，在多數情況下網頁的字符集使用utf-8編碼（曾經多使用gb2312），下面就分HTML5和HTML4說明字符集的設定。

1.HTML5
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5</title>
</head> 
<body> 
</body> 
</html>
【說明】
【1】<!DOCTYPE html> HTML5宣告標籤。
【2】<meta charset="utf-8"> 設定字符集。

2.HTML4
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML4</title>
</head> 
<body> 
</body> 
</html>
【說明】
【1】<html xmlns="http://www.w3.org/1999/xhtml"> HTML4標籤。
【2】<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 宣告為utf-8編碼。

3.特別提醒
    雖然設定了字符集，但是一定要保證文字檔案同樣是utf-8編碼。
    【1】可以使用notepad++可以方便的轉換編碼方式。在這裡請選擇utf-8無BOM編碼格式，BOM編碼格式僅僅是一個標籤，用於支援UTF-16和UTF-32。

圖1 轉化為UTF-8編碼方式

4.總結
    可以看出HTML5的設定顯得更簡潔些。

相關文章