最常用且兼容性最好的箭头实体是→（u+2192）、←（u+2190）、↑（u+2191）、↓（u+2193）、↔（u+2194）、↕（u+2195），它们在windows/macos/linux及主流浏览器中表现稳定，优先使用unicode命名实体或十六进制编码。

直接用 HTML 实体代码插入箭头最简单、最轻量，不需要额外 CSS 或字体加载，所有现代浏览器都原生支持，但要注意字符渲染效果受字体影响，部分箭头在某些系统或字体下可能显示为空格或方块。

哪些箭头实体最常用且兼容性最好

优先使用 Unicode 命名实体（如 →）或基础十六进制编码（如 →），它们在 Windows/macOS/Linux 及主流浏览器中表现稳定：

• ← → ←（左箭头，U+2190）
• → → →（右箭头，U+2192）
• ↑ → ↑（上箭头，U+2191）
• ↓ → ↓（下箭头，U+2193）
• ↔ → ↔（双向水平箭头，U+2194）
• ↕ → ↕（双向垂直箭头，U+2195）

避免用冷门实体如 ⇞（⇧），它在部分 Android WebView 或旧版 Safari 中可能不显示；也不要用纯十进制写法 &8594;，易与数字混淆且可读性差。

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

为什么有些箭头在页面里显示成方块或空白

根本原因是当前页面使用的字体不包含该 Unicode 码点。比如 ➤（→ 细线右箭头）在某些无衬线字体（如早期 Helvetica Neue）中缺失，而 →（→）因被纳入基本 Latin-1 扩展区，覆盖率更高。

• 检查开发者工具的“Computed”面板，确认 font-family 是否意外回退到不支持符号的字体（如 `monospace` 或系统默认等宽字体）
• 强制指定一个高覆盖率字体：在 CSS 中加 font-family: "Segoe UI", "Apple Color Emoji", "Noto Sans CJK SC", sans-serif;
• 若必须用小众箭头（如 ↗ U+2197），建议改用 SVG 或 CSS border 三角，而非强依赖字体渲染

在 JS 字符串或 CSS content 中怎么写箭头

JS 和 CSS 不解析命名实体，必须用 Unicode 转义格式：

• JS 字符串中写 "\u2192"（UTF-16 十六进制）或 "\u{2192}"（ES2015+ 支持任意码点）
• CSS 的 ::before { content: "\2192"; } —— 注意这里不能写 \u2192，必须是反斜杠 + 恰好 4~6 位十六进制，且省略前导零时要补空格，如 \2192 正确，\21920 会错解为 U+21920（不存在）
• 不要在 JS 中拼接 "→" 然后 innerHTML 插入，那只是普通文本；需用 document.createTextNode("\u2192") 或直接赋值字符串

真正容易被忽略的是：箭头符号本身没有语义，屏幕阅读器通常跳过或读作“箭头字符”，如需无障碍支持，务必配合 aria-label 或 role="img" 显式说明用途，比如返回顶部按钮里的 ↑ 应标记为 aria-label="回到顶部"。