免费在 GitHub 公开中文介绍

charset

检查浏览器收到的HTML是否正确声明UTF-8，找出声明缺失或位置不当的问题并修正，帮助防止日文、多语言文本及特殊字符显示乱码。

原文查看原文说明

Use when reviewing templates, rendered HTML, or shared components related to Declare UTF-8 character encoding. Validate the final browser-facing markup, not just the source framework abstraction.

thedaviddias/Front-End-Checklist

AI 评分100分/ 100 查看安装方法

适用场景

排查日文或特殊字符乱码
发布前检查字符编码声明
检查共用模板的HTML输出
检查服务器生成的HTML

中文介绍

功能

这项技能检查HTML是否声明使用UTF-8字符编码，并修正声明缺失或位置不当的问题。UTF-8是用于表示多语言文本和特殊字符的编码。它会核对<meta charset="UTF-8">是否位于<head>开头附近，并处于文档最初的1024字节以内。如果缺少声明，就将其作为<head>中的第一个meta标签添加。

适用场景

适合排查日文或符号出现乱码的页面，以及在多语言网站发布前进行检查。修改模板或共用组件后，也可用来确认字符编码声明是否正确输出。检查服务器生成的HTML时，会具体指出存在问题的元素或页面路由。

使用示例

“检查这个页面HTML中的UTF-8声明及其位置。”
“检查共用模板，修正缺少charset声明的页面。”

注意事项

检查对象是最终发送给浏览器的HTML。不能仅凭框架设置或源模板中存在声明就作出判断，而应在实际输出中核对声明的位置和内容。

本介绍由 AI（OpenAI Codex）根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容，从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么: A良好资料明确说明检查并修正模板和最终HTML中的UTF-8声明。
步骤具体性步骤、输入输出和示例是否具体: A良好指令要求将UTF-8声明作为head中的首个meta标签，放在最初1024字节内。
安全性发送数据、删除文件、执行命令等是否有说明: A良好修正内容是添加编码声明，指令中没有对外发送、删除或读取凭据的操作。
安装难易度所需工具和 API 密钥是否少且有说明: A良好主要检查HTML并添加meta标签，未要求额外工具或API密钥。

总分按每项 A=25 分、B=15 分、C=5 分相加。由 AI（OpenAI Codex）于 2026年10月23日评估。仅供参考，安装前请同时查看原文。

如果您认为评估有误，请申请复核

包含的文件（2）

SKILL.md1.5 KB
references/rule.md2.8 KB

SKILL.md（原文）

安装前可以查看交给 AI 代理的指令内容。

Declare UTF-8 character encoding

Missing or incorrect charset causes mojibake (garbled text), broken special characters, and security vulnerabilities from character encoding attacks.

Quick Reference

Add <meta charset="UTF-8"> as the first element in <head>
Must appear within the first 1024 bytes of the document
UTF-8 supports all languages and special characters

Check

Verify that this HTML document declares UTF-8 character encoding in the head section and that it's positioned early in the document.

Fix

Add <meta charset="UTF-8"> as the first meta tag in the head section of the HTML document.

Explain

Explain why UTF-8 character encoding is essential for international content support and preventing character display issues.

Code Review

Review templates, server-rendered HTML, and shared components that output markup related to Declare UTF-8 character encoding. Flag exact elements, attributes, and routes where the rendered HTML violates the rule.

For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/rules/html/charset

评价

还没有评价。欢迎分享你的使用感受。

无需登录即可发表。欢迎分享使用感受、提问，或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

同一仓库的技能