首頁 > web前端 > 前端問答 > css網頁亂碼怎麼辦

css網頁亂碼怎麼辦

藏色散人
發布: 2020-11-17 10:12:19
原創
3614 人瀏覽過

css網頁亂碼的解決方法:1、將CSS字元編碼與頁面的字元編碼設定為一致,設定編碼語句如「@charset "utf-8";」;2、在編寫css時加強註;3、採用字體的別名。

css網頁亂碼怎麼辦

推薦:《css影片教學

解決方法一:

CSS中出現的亂碼都是由於CSS字元編碼與頁面的字元編碼不一致所引起的,因此最直接的方法就是使字元編碼一致。將CSS指定編碼類型,範例:@charset "utf-8";(指定編碼類型為utf-8,須寫在CSS檔案第一行)

解決方法二:

CSS中出現的亂碼都是由於中文字元引發的,因此只要不寫中文,就不會產生「亂碼造成CSS失效」的這種情況。

撇開以上兩種解決方法,我們在刨下根,就會發現「亂碼」通常來自以下兩種情況。

一、中文註解造成亂碼

亂碼實例:

正常程式碼:/*三漢字*/

引起的亂碼:/*涓夋眽瀛?/

上例為亂碼阻斷了CSS註釋的結束符,使得後面的CSS內容都在註釋範圍內,從而導致CSS的失效

防範措施:加強註釋

範例:

正常程式碼:/****三漢字****/

引起的亂碼:/****涓夋眽瀛?***/

這種增強版的註解可以防止亂碼把註解的最終結束符“變異”,可以在編寫CSS時,提前防範

二、中文字體引起亂碼

亂碼實例:

正常代碼:font-family:"黑體"

引起的亂碼:font-family:"榛戜綋"

上例為亂碼使得字體名稱變成亂碼,導致指定字體失效。這個問題的後果似乎不是很嚴重,但實際情況中,確實存在一種亂碼把後面的引號「變異」的情況,使得後面的CSS都在字體的引號中,從而後面的CSS全部失效。

防範措施:採用字體的別名(所以瀏覽器都可辨識)

範例:

正常程式碼:font-family:"SimHei" (font-family: "\9ed1\4f53" )

瀏覽器解析:font-family:"SimHei" (font-family:"黑體",IE6仍為font-family:"\9ed1\4f53" 但字體解析顯示為黑體)

使用別名,繞開了使用中文,從而避免亂碼。

以上是css網頁亂碼怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板