首頁 >web前端 >css教學 >css如何指定樣式表所使用的字元編碼

css如何指定樣式表所使用的字元編碼

青灯夜游
青灯夜游原創
2018-11-28 18:32:525619瀏覽

css指定樣式表所使用的字元編碼的方法很簡單,css的@charset規則就是用來指定樣式表所使用的字元編碼的。下面我們來了解@charset規則的使用方法,如何指定樣式表所使用的字元編碼。

css如何指定樣式表所使用的字元編碼

首先我們來了解一下什麼是字元集和編碼?

字元集是書寫系統中使用的字母和符號的集合。例如,ASCII字元集、Unicode字元集。字元集中的字元會作為一個或多個位元組儲存在電腦中。每個位元組或位元組序列代表一個給定的字元。

字元編碼是將特定位元組或位元組序列對應到字體呈現為文字的特定字元的規則。

文件中的字元編碼通常是在HTML中以標籤的形式來指定的。我們需要始終在HTML中聲明並使用UTF-8編碼作為樣式表和HTML頁面的字元編碼。要在HTML5文件中設定字元編碼,以下三個聲明之一就足夠了:

<! -  HTTP HEADER  - > 
< meta  http-equiv = “Content-Type”  content = “text / html; charset = utf-8” ><

! -  HTML4-style meta  - > 
< meta  http-equiv = “Content-Type”  content = “text / html; charset = utf-8” >

<! - 短HTML5元(推荐) - > 
< meta  charset = “utf-8” >

我們很少需要在CSS中聲明字元編碼。如果在HTML中聲明字元編碼,則無需在樣式表中聲明它。如果我們的樣式表位於單獨的檔案中(不在HTML中),則可以透過下面顯示的順序來尋找四種不同的方法來推斷樣式表的字元編碼,如果所有四種方法都失敗,它將會使用預設值。瀏覽器將觀察以下優先權(從最高優先權到最低優先權)以確定樣式表的字元編碼:

#1、網頁伺服器傳送的Content-Type HTTP頭部中的charset屬性(或類似內容,請參閱上面的片段)。

2、Unicode位元組順序標記,或@charset規則。

3、連結機制中的@charset規則的使用

基本語法:

@charset "字符集名称";

字元集名稱是一個不區分大小寫的String字串;且對於新樣式表,它必須永遠是UTF-8;它必須是IANA註冊表中定義的Web安全字元編碼的名稱。

:@字元集必須出現在樣式表中的開頭(第一的位置),它之前不能有任何字符,即使是註釋也不行!

在“@charset”之後,指定字符編碼的名稱(在引號中)。例如:

@charset "ISO-8859-1";

範例:

以下@charset聲明表示樣式表使用ISO-8859-15字元編碼:

@charset “ISO-8859-15” ; / *拉丁语9的编码(西欧语言,带欧元符号)* /

以下是無效@charset聲明,因為字元編碼名稱未包含在引號中:

@charset UTF- 8 ;

以下也是一個無效的聲明,因為@charset聲明前面有一個空白行:

@charset“UTF-8” ;

瀏覽器相容性:

css如何指定樣式表所使用的字元編碼

總結:以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。

以上是css如何指定樣式表所使用的字元編碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn