Web_Design 板


LINE

: : 關於這個 : : http://www.w3.org/TR/html4/struct/links.html#edef-LINK : : 可是我直接加在Link 的地方, : : <LINK href="學習與評量研究室-劉子鍵副教授 著作.files/style.css" : : type="text/css" rel="stylesheet" charset="Big5" /> : : 還是沒變耶,就是原po的問題一樣還是在 : : 而用 @charset "Big5" 卻可以用,可解決原po問題 : : 兩個不是應該要有一樣的效能嗎? 怎麼一個有用處,另一個沒作用? : 哈哈 我看漏了一件事 原po的網頁並沒有DOCTYPE宣告 : 他的網頁在任何modern的瀏覽器都會以舊規格的HTML來render(Quirks-mode) : 而舊規格的HTML(指XHTML/HTML4之前的規格) : <link>是沒有charset這個屬性的 :→ ileadu:? 我手動幫他加入doctype 一樣沒有效果說... 08/01 12:29 :→ elan:你加入那一種doctype? 08/01 12:30 :→ ileadu:HTML 4.01 Strict 跟 XHTML 1.1 Strict ^^ 08/01 12:57 :→ ileadu:兩個都不行. 08/01 12:58 :推 mdfh:我試過用 transitional 也一樣 08/01 14:26 :推 mdfh:又另外如果我把style.css改成 utf-8就OK了? 08/01 14:30 :→ ileadu:樓上 對啊~這篇是更深入的探討 link 如何加charset才有效 08/01 16:39 剛剛經過測試 我發現可能有其他的原因 (要不是有原po的例子 我以前也不會對IE以<link>引入外部css 做這麼多的觀察 我之前從未遇過這種問題): 先說明一下情況, 原po的網頁write.html是指定定utf-8編碼, 而他的樣式表style.css第一行有這樣一個宣告: * { font-size: 12px; font-family:Tahoma, 新細明體;} 裡面font-family有指定了'新細明體', 這是樣式表裡唯一的非拉丁字資料, 以big5編碼儲存 原po以<link href="style.css" rel="stylesheet" type="text/css" />引入style.css 接下來是我在IE6上觀察推測的結果, 1. 樣式表第一行之後的定義全失效了 唯一可能的原因就是IE的parsing bug (來自以錯誤的encoding去解譯style.css的內文) 當IE遇到'新細明體'以錯誤的 encoding去解讀而未能正確解譯第一行最後面的 ;} 所以接在後面的定義全因 文法錯誤而未引入. 然後我就試試看把第一行的定義做點小修改: * { font-size: 12px; font-family:Tahoma, 新細明體 ;} ^ 插一個空格進去 這樣應該能強迫IE跳脫parsing bug, 接著正確解譯定義及宣告的結束 ';}' 果然 後續的styles又被正確的引入了.(當然, 我猜font-family也不會有 '正確'的新細明體定義) 2. 既然推測是encoding造成的parsing bug, 我就試著讓IE以big5編碼去去解讀 以<link>引進的style.css, 理所當然依照W3C的規格 加入charset="Big5" (前面文章已經說明在外部樣式表內宣告 @charset "Big5"; 可以work, 不再贅述 另外我要向版友們致歉, 我從沒試過<link>的charset功能, 只是照本宣科依照規格推文在版上) 就如ilead與mdfh兄所測試的一樣, charset屬性 並無作用(雖然MSDN上有說明支援這個屬性). 這時, 我回憶起microsoft軟體的 壞名聲, 直覺的做了一件事, 就是網頁的指定編碼改成big5, style.css果然是 成功的引入了, 所以, 雖然依照W3C的規格, UA應該要 'respect' <link>元素 的charset屬性做指定的編碼, 但IE似乎還是以網頁本身的編碼來解譯<link>所 引進的樣式表 (做這個測試前我已將原po的網頁加入XHTML Strict的DOCTYPE, 以standard-compliant模式來render) 3. 因此, 回到原po的問題, 根據觀察的結果: * 讓你的網頁與外部樣式表使用相同的編碼, 或者是 * 你外部樣式表內的中文用什麼編碼, 就在第一行宣告 @charset "[encoding]"; 的規則(這個保證work!) --



※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.131.10.144
1F:→ elan:這並非廣泛的測試 希望其他版友對此問題多加回饋 08/01 21:46
2F:推 mdfh:沒想到忘了改編碼牽涉到一堆東西 ^^; 08/02 02:37
3F:→ elan:有人可以用IE7試試看嗎? 08/02 15:29
4F:→ elan:回mdfh, 我認為這並非你'忘了'改編碼, 是IE的bug造成你的 08/02 15:48
5F:→ elan:困擾 08/02 15:50
6F:→ elan:沒有理由強制要網頁與外部樣式表用一樣編碼 08/02 15:50







like.gif 您可能會有興趣的文章
icon.png[問題/行為] 貓晚上進房間會不會有憋尿問題
icon.pngRe: [閒聊] 選了錯誤的女孩成為魔法少女 XDDDDDDDDDD
icon.png[正妹] 瑞典 一張
icon.png[心得] EMS高領長版毛衣.墨小樓MC1002
icon.png[分享] 丹龍隔熱紙GE55+33+22
icon.png[問題] 清洗洗衣機
icon.png[尋物] 窗台下的空間
icon.png[閒聊] 双極の女神1 木魔爵
icon.png[售車] 新竹 1997 march 1297cc 白色 四門
icon.png[討論] 能從照片感受到攝影者心情嗎
icon.png[狂賀] 賀賀賀賀 賀!島村卯月!總選舉NO.1
icon.png[難過] 羨慕白皮膚的女生
icon.png閱讀文章
icon.png[黑特]
icon.png[問題] SBK S1安裝於安全帽位置
icon.png[分享] 舊woo100絕版開箱!!
icon.pngRe: [無言] 關於小包衛生紙
icon.png[開箱] E5-2683V3 RX480Strix 快睿C1 簡單測試
icon.png[心得] 蒼の海賊龍 地獄 執行者16PT
icon.png[售車] 1999年Virage iO 1.8EXi
icon.png[心得] 挑戰33 LV10 獅子座pt solo
icon.png[閒聊] 手把手教你不被桶之新手主購教學
icon.png[分享] Civic Type R 量產版官方照無預警流出
icon.png[售車] Golf 4 2.0 銀色 自排
icon.png[出售] Graco提籃汽座(有底座)2000元誠可議
icon.png[問題] 請問補牙材質掉了還能再補嗎?(台中半年內
icon.png[問題] 44th 單曲 生寫竟然都給重複的啊啊!
icon.png[心得] 華南紅卡/icash 核卡
icon.png[問題] 拔牙矯正這樣正常嗎
icon.png[贈送] 老莫高業 初業 102年版
icon.png[情報] 三大行動支付 本季掀戰火
icon.png[寶寶] 博客來Amos水蠟筆5/1特價五折
icon.pngRe: [心得] 新鮮人一些面試分享
icon.png[心得] 蒼の海賊龍 地獄 麒麟25PT
icon.pngRe: [閒聊] (君の名は。雷慎入) 君名二創漫畫翻譯
icon.pngRe: [閒聊] OGN中場影片:失蹤人口局 (英文字幕)
icon.png[問題] 台灣大哥大4G訊號差
icon.png[出售] [全國]全新千尋侘草LED燈, 水草

請輸入看板名稱,例如:Tech_Job站內搜尋

TOP