css指定樣式表字符編碼的使用

今天就跟大家聊聊有關css指定樣式表字符編碼的使用，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

首先我們來了解一下什么是字符集和編碼？

字符集是書寫系統中使用的字母和符號的集合。例如，ASCII字符集、Unicode字符集。字符集中的字符作為一個或多個字節存儲在計算機中。每個字節或字節序列代表一個給定的字符。

字符編碼是將特定字節或字節序列映射到字體呈現為文本的特定字符的規則。

文檔中的字符編碼通常是在HTML中以<link charset="">或<meta ..>標簽的形式來指定的。我們需要始終在在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、Web服務器發送的Content-Type HTTP頭部中的charset屬性（或類似內容，請參閱上面的片段）。

2、Unicode字節順序標記，或@charset規則。

3、鏈接機制中的<link charset=">或其他元數據（如果有的話）中的charset屬性。

4、引用樣式表或文檔的字符集（如果有的話）

如果這四個全部都失敗了，則瀏覽器將假定編碼為UTF-8。

@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指定樣式表字符編碼的使用有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。