【H5 前端开发笔记】第 11 期：HTML常用标签 (7) 实体符号与Unicode编码

下面是一份适合整理为技术专栏或学习笔记的内容。【H5 前端开发笔记】第 11 期HTML常用标签 (7) —— 实体符号与 Unicode 编码在 HTML 页面中有些字符不能直接输入或会被浏览器当作标签解析例如 为了正确显示这些字符HTML 提供了实体符号HTML Entity机制。一、什么是 HTML 实体符号HTML 实体Entity是一种特殊的字符编码方式用来表示HTML 保留字符特殊符号数学符号货币符号空格基本格式实体名称;或者#实体编号;例如lt;浏览器显示为二、HTML 保留字符HTML 中有一些字符具有特殊意义不能直接写在代码中。常见保留字符字符实体名称编码lt;gt;amp;quot;apos;示例pHTML标签示例/pplt;divgt;Hellolt;/divgt;/p页面显示divHello/div三、空格实体HTML 默认会合并多个空格。例如Hello World浏览器显示Hello World如果需要多个空格可以使用nbsp;示例Hellonbsp;nbsp;nbsp;World显示Hello World四、常见 HTML 实体符号1 数学符号符号实体±plusmn;×times;÷divide;≠ne;≤le;≥ge;示例5lt;102 货币符号符号实体¥yen;$dollar;€euro;£pound;示例价格yen;199显示价格¥1993 版权符号符号实体©copy;®reg;™trade;示例p© 2025 My Website/p五、实体编号写法除了实体名称还可以使用数字编码。格式#编号;示例字符编号#60;#62;#38;示例#60;div#62;Hello#60;/div#62;显示divHello/div六、Unicode 编码HTML 实体其实来源于Unicode 字符编码。Unicode 是一种全球统一的字符编码标准可以表示中文英文日文韩文Emoji数学符号HTML 也支持Unicode 编码显示字符。格式#x编码;示例#x4E2D;#x6587;显示中文解释字符Unicode中4E2D文6587七、Emoji 表情HTML 也支持 Emoji。示例#128512;显示常见 Emoji表情编码#128512;#128514;❤️#10084;八、实际开发中的使用场景1 显示 HTML 代码例如教程网站lt;h1gt;Hellolt;/h1gt;显示h1Hello/h12 版权信息网站底部pcopy;2026 My Company/p3 控制空格例如排版价格yen;199nbsp;nbsp;原价yen;299九、开发建议1️⃣ 推荐使用实体名称可读性更好copy;比#169;更容易理解。2️⃣ HTML 文件必须声明编码metacharsetUTF-8否则可能出现乱码问题。3️⃣ 现代开发中大部分字符可以直接输入实体符号主要用于特殊字符十、本期总结HTML 实体作用显示特殊字符避免 HTML 解析错误支持 Unicode 字符常见实体实体显示lt;gt;amp;nbsp;空格copy;©编码方式名称; #编号; #x十六进制;如果你愿意我可以继续帮你整理下一篇第 12 期HTML5 多媒体标签audio / video / source这是HTML5 非常重要的一部分很多企业项目和面试都会涉及。