HTML 特殊字符（实体字符）详解学习博客

一、什么是 HTML 特殊字符在 HTML 中有一些字符具有特殊含义不能直接写在网页中。例如表示标签开始表示标签结束表示实体字符开始如果直接写p 3 5 /p浏览器可能会误认为 5是一个 HTML 标签从而导致显示错误。所以 HTML 提供了一种特殊写法HTML 实体HTML Entity也叫HTML 特殊字符字符实体转义字符格式实体名称;或者#数字;二、为什么需要特殊字符1. 防止 HTML 解析错误例如错误写法p 10 20 /p浏览器可能认为是标签开始符。正确p 10 lt; 20 /p显示10 202. 显示 HTML 保留字符例如想显示div不能直接写p div /p浏览器会把它当成真正的标签。应该p lt;divgt; /p显示div三、常用 HTML 特殊字符1. 空格nbsp;HTML 默认会合并多个空格。例如p Hello World /p浏览器显示Hello World多个空格会被压缩成一个。如果想保留空格p Hellonbsp;nbsp;nbsp;nbsp;World /p显示Hello World2. 小于号符号实体lt;示例p 3 lt; 5 /p显示3 53. 大于号符号实体gt;示例p 5 gt; 3 /p显示5 34. 与号符号实体amp;示例p Camp;C /p显示CC5. 双引号实体quot;示例p quot;HTMLquot; /p显示HTML6. 单引号实体apos;示例p apos;helloapos; /p显示hello四、常用特殊符号大全显示效果字符实体说明空格nbsp;不换行空格lt;小于号gt;大于号amp;与号quot;双引号apos;单引号©copy;版权符号®reg;注册商标™trade;商标¥yen;人民币符号×times;乘号÷divide;除号五、版权符号案例很多网站底部© 2026 我的博客HTMLfooter copy; 2026 我的博客 /footer显示© 2026 我的博客六、HTML 中的空格问题例如p HTML CSS JavaScript /p浏览器HTML CSS JavaScript因为 HTML 会自动合并空格。如果需要多个p HTMLnbsp;nbsp;nbsp;CSSnbsp;nbsp;nbsp;JavaScript /p显示HTML CSS JavaScript七、实体数字写法除了名字还可以使用数字表示。格式#数字;例如小于号名称lt;数字#60;效果版权符号名称copy;数字#169;效果©八、HTML 特殊字符在代码展示中的应用比如博客中展示代码想显示div hello /div不能直接写。需要p lt;divgt; /p或者pre lt;divgt; hello lt;/divgt; /pre显示div hello /div九、特殊字符与安全问题HTML 特殊字符不仅用于显示符号还涉及网页安全。例如用户输入script alert(攻击) /script如果网站没有处理浏览器可能执行 JavaScript。所以很多网站会把转换lt;把代码当普通文字显示。这叫HTML 转义HTML Escape十、实际开发中的使用场景1. 网站版权信息p copy; 2026 MyBlog /p2. 展示代码pre #include lt;iostreamgt; int main() { return 0; } /pre3. 数学公式p a lt; b /p显示a b4. 商品价格p yen;99 /p显示¥99十一、总结HTML 特殊字符的核心作用知识点作用实体字符显示特殊符号xxx;字符实体写法#数字;数字实体写法lt;显示gt;显示nbsp;显示多个空格copy;版权符号HTML转义防止代码被解析记忆口诀 用 lt; 用 gt; 用 amp; 空格用 nbsp; 版权用 copy;