字元集宣告遺失或在 HTML 中太晚出現
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
伺服器和瀏覽器會透過
網際網路如果伺服器未指定要使用的字元編碼格式
,瀏覽器無法得知每個位元組所代表的字元。
字元編碼宣告
就能解決這個問題
Lighthouse charset
稽核失敗的原因
Lighthouse
標記未指定字元編碼的網頁:
如果 Lighthouse 找到以下任一項,系統會考慮要宣告的字元編碼:
- 文件
<head>
中的 <meta charset>
元素,這個元素完全是
包含在文件前 1024 個位元組中
Content-Type
HTTP 回應標頭,但 charset
指令與
有效的 IANA 名稱
- 位元組順序標記 (BOM)
,瞭解如何調查及移除這項存取權。
如何通過 charset
稽核
在 HTML 中新增 <meta charset>
元素
在 HTML 文件的前 1024 個位元組中加入 <meta charset>
元素。
元素必須完全包含在前 1024 個位元組內。
最佳做法是將 <meta charset>
元素設為
第 <head>
份文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
…
新增 Content-Type
HTTP 回應標頭
設定伺服器以新增 Content-Type
包含 charset
指令的 HTTP 回應標頭。
Content-Type: text/html; charset=UTF-8
資源
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2020-05-05 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2020-05-05 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2020-05-05 (世界標準時間)。"],[],[]]