首頁 web前端 css教學 @charset規則怎麼用

@charset規則怎麼用

Feb 12, 2019 pm 04:32 PM
css

在css中@charset規則用於指定樣式表中使用的字元編碼;它必須是樣式表中的第一個元素,如果定義了多個@charset規則,則只會使用第一個。以下這篇文章就來帶大家認識@charset規則,希望對大家有幫助。

@charset規則怎麼用

CSS @charset規則

#@charset規則必須在樣式表最開頭,它之前不能有任何元素(字元),就連註解也不行。

在「@charset」之後,指定字元編碼的名稱(在引號中)。例如:

@charset "utf-8";
登入後複製

註:@charset規則不能在HTML頁面的字元集相關的<style>元素中使用。

語法:

@charset &quot;字符集名&quot;;
登入後複製

說明該字元集名稱是區分大小寫的,但對於新樣式表,它應始終為UTF-8。它必須是IANA註冊表中定義的Web安全字元編碼的名稱。

瀏覽器支援:

所有主流瀏覽器都支援@charset規則,例如:GoogleChrome 2.0、Internet Explorer 5.5、Firefox 1.4、Safari 4.0、Opera 9.0

CSS @charset規則的簡單範例

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

@charset &quot;ISO-8859-15&quot;;
登入後複製

範例2:下面的清單描述了錯誤的字元集編碼:

@charset &#39;iso-8859-15&#39;; /* 使用了错误的引用样式,因此它无效*/
@charset  UTF-8;   /* 无效,因为字符编码名称未包含在引号中*/
@charset  &quot;UTF-8&quot;; /*多个空格无效 */
 @charset &quot;UTF-8&quot;;/* 无效,在规则之前有一个字符(空格)*/
登入後複製

說明:如果在樣式表中使用的特殊字元無法在樣式表中指定的字元編碼中進行表示,則可以使用“字元轉義”來轉義字元。

相關文章推薦:

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

字元編碼是什麼? html5如何設定字元編碼?

以上就是這篇文章的全部內容,希望能對大家的學習有所幫助。更多精彩內容大家可以追蹤php中文網相關教學欄位! ! !

以上是@charset規則怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

兩個點博物館:邦格荒地地點指南
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

vue中placeholder是什麼意思 vue中placeholder是什麼意思 May 07, 2024 am 09:57 AM

vue中placeholder是什麼意思

vue中空格怎麼寫 vue中空格怎麼寫 Apr 30, 2024 am 05:42 AM

vue中空格怎麼寫

js中span是什麼意思 js中span是什麼意思 May 06, 2024 am 11:42 AM

js中span是什麼意思

vue中怎麼取得dom vue中怎麼取得dom Apr 30, 2024 am 05:36 AM

vue中怎麼取得dom

js中rem是什麼意思 js中rem是什麼意思 May 06, 2024 am 11:30 AM

js中rem是什麼意思

vue中引入圖片的方法 vue中引入圖片的方法 May 02, 2024 pm 10:48 PM

vue中引入圖片的方法

span標籤的作用是什麼 span標籤的作用是什麼 Apr 30, 2024 pm 01:54 PM

span標籤的作用是什麼

瀏覽器插件是什麼語言寫的 瀏覽器插件是什麼語言寫的 May 08, 2024 pm 09:36 PM

瀏覽器插件是什麼語言寫的

See all articles