1. 程式人生 > >02第一個HTML剖析(宣告字符集,utf8亂碼問題)

02第一個HTML剖析(宣告字符集,utf8亂碼問題)

<span style="font-size:18px;"><html>
<head>
	<title>
		標題 - title
	</title>
</head>
<body>
	內容 - content
</body>
</html></span>
在記事本中編寫以上程式碼然後儲存為ANSI字符集 .html字尾即可執行。

一般還要在檔案頭加上<!DOCTYPE HTML>,在head中加上<meta charset="UTF-8">

<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>
		標題 - title
	</title>
</head>
<body>
	內容 - content
</body>
</html>

<!DOCTYPE HTML> 

!表示宣告

DOC 表示檔案document的縮寫

TYPE 表示型別

意義是:宣告檔案型別是HTML

<meta charset="UTF-8">

meta 是head區的輔助標籤可以理解為宣告

charset 表示字符集

UTF-8 是一種針對Unicode可變位元組編碼

對檔案和字符集宣告之後將檔案儲存時候

注意:

1.如果不宣告字符集charset,瀏覽器會檢測頁面的編碼方式,也就是儲存的編碼方式,這時候一般不出現亂碼

2.如果宣告字符集在儲存,選擇檔案儲存編碼方式必須與宣告的編碼方式一致,即如果宣告為utf-8,儲存時候依然選擇utf-8,

否則會出現亂碼問題

原因:舉例當編輯中文時候 以“我”字為例,編輯器按照儲存的編碼方式解析,此時會有一個唯一編碼對應“我” 比如001,

而瀏覽器解析時會按照宣告charset的編碼方式解析,這種編碼方式字元對應的編碼號和儲存時的編碼號並不一致,這時候解析的001是其它字元,而非“我”,這樣就出現

我——001——他      

儲存“我”時候解析的001碼,瀏覽器解析時候對應的卻是他

最後,為了避免這一問題就需要儲存和宣告一致