可在HTML5中通过五种方式显示对号：一、HTML字符实体（如✓）；二、直接输入Unicode字符✓（需UTF-8编码）；三、CSS伪元素绘制；四、SVG内联绘制；五、Web字体图标（如Font Awesome）。
如果您希望在HTML5页面中显示对号（✓），可通过字符实体、Unicode直接输入或CSS绘制方式实现。以下是几种可行的写法：
一、使用HTML字符实体
HTML提供了标准的对号字符实体，兼容性好，无需额外样式即可渲染清晰对号。
1、在HTML文档中插入 ✓ 表示对号 ✓。
2、也可使用命名实体 ✓（需DOCTYPE为HTML5且浏览器支持，部分旧浏览器可能不识别）。
立即学习“前端免费学习笔记（深入）”；
3、将实体嵌入任意内联元素中，例如：✓。
二、直接输入Unicode字符
✓ 是 Unicode 字符 U+2713，可直接复制粘贴到HTML源码中，前提是文档声明了UTF-8编码。
1、确保HTML头部包含 。
2、在需要位置直接键入或粘贴字符 ✓（注意：编辑器与字体需支持该符号）。
3、建议配合CSS设置字体族，如 font-family: "Segoe UI", "Arial", sans-serif; 以提升显示一致性。
三、用CSS伪元素绘制对号
当需精确控制对号样式（如颜色、粗细、动画）或避免字体依赖时，可用CSS border和transform绘制几何对号。
1、为容器添加类名，例如 。
2、定义CSS规则：.checkmark { display: inline-block; position: relative; width: 20px; height: 20px; }。
3、添加伪元素绘制两段线条：.checkmark::after { content: ""; position: absolute; left: 7px; top: 4px; width: 5px; height: 10px; background-color: #28a745; transform: rotate(45deg); } .checkmark::before { content: ""; position: absolute; left: 12px; top: 9px; width: 10px; height: 5px; background-color: #28a745; transform: rotate(-45deg); }。
四、使用SVG内联绘制对号
SVG方式提供高保真缩放能力，适合响应式设计及图标系统集成。
1、在HTML中插入内联SVG代码：svg width="20" height="20" viewBox="0 0 20 20">
2、可将 path 的 d 属性值替换为更精细的贝塞尔路径以适配不同风格。
3、通过CSS控制SVG尺寸与颜色，例如为SVG添加类后设置 .icon-check { width: 1.2em; height: 1.2em; vertical-align: middle; }。
五、采用Web字体图标（如Font Awesome）
借助成熟图标字体库，可统一管理对号及其他图标，支持动态变色与大小调整。
1、引入Font Awesome CDN链接：cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">。
2、使用对应类名插入对号： 或语义化写法 。
3、通过CSS修改图标颜色与尺寸，例如：.fa-check { color: #28a745; font-size: 1.2rem; }。
