★ 和 ☆ 是最简星评方案，需 utf-8 声明、css 控色与大小，仅支持整数分，ie8/xp 可能失效，js 动态生成宜用数字实体防编码问题。
用 ★ 和 ☆ 实现基础星星评分
直接用 Unicode 字符实体最简单，★ 是实心星（★），☆ 是空心星（☆）。它们在所有现代浏览器里默认能正常渲染，无需额外字体或 CSS。
常见错误是复制粘贴了看起来像星号的其他符号（比如 ✦、✩ 或 emoji ?），这些要么不等宽、要么需要系统支持 emoji 字体，导致对齐错乱或 fallback 失败。
- 确保 HTML 文档声明了 UTF-8 编码：
<meta charset="UTF-8"> - 不要用
☆这类不存在的命名实体——只认数字实体★ - 5 颗星评分示例：
★★★☆☆（3 颗亮 + 2 颗灰）
控制星星颜色和大小必须靠 CSS，不能靠字符本身
字符实体本身没有样式，★ 和 ☆ 默认继承当前文本颜色与字号。想让亮星变金黄、空星变浅灰，只能用 CSS 选中对应元素来设色。
典型场景是动态评分：后端返回分数 3.7，前端要渲染 3 颗实心 + 1 颗半星 + 1 颗空心——但字符实体没“半星”，得用两个重叠元素或 background 裁剪实现，纯字符方案只适合整数分（1–5）。
- 给亮星上色：
<span style="color: #ffc107">★</span> - 空星建议用
color: #e0e0e0而非color: #ccc，避免在深色背景上不可见 - 字号放大时注意行高，
font-size: 1.5rem下若line-height太小，星号可能被截顶
IE8 及更老浏览器会把 ★ 渲染成方块或问号
IE8 及以下不支持大部分 Unicode BMP 外字符，而 ★ 属于基本多文种平面（BMP），其实 IE6+ 都能显示——但前提是系统字体包含该字形。Windows XP 默认宋体不支持，会 fallback 到方块。
如果你的用户仍有 XP + IE8 环境（比如某些工业内网），别依赖字符实体。改用图片或 SVG 更稳妥；否则至少加一层降级：<span title="评分：4 星">★★★★☆</span>，让用户 hover 看文字提示。
- 测试方法：在 IE8 虚拟机中打开页面，看是否显示为 □□□□□ 或 符号
- Mac OS X 10.6+、Windows 7+ 自带微软雅黑/Segoe UI，基本无问题
- 移动端 iOS/Android Chrome/Firefox 全系支持，无需担心
用 JavaScript 动态生成星星时注意转义
如果用 JS 拼字符串插入 DOM，别直接写 "★".repeat(3) + "☆".repeat(2)——emoji ★ 在部分环境会被识别为双字节字符，.length 计算异常，且 SSR 时可能被 Node.js 编码处理掉。
最稳的方式是始终用数字实体字符串拼接，再用 innerHTML 插入（注意 XSS 风险，仅用于可信数据）。
- 安全拼接示例：
Array(5).fill(0).map((_, i) => i - 避免
document.write()或eval()解析实体，它们已废弃且危险 - 若用 React/Vue，需用
{String.fromCodePoint(0x2605)}生成字符，而非写死实体——框架会自动转义
