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;

相关新闻

Ubuntu下搭建STM32开发环境:Eclipse+GDB+OpenOCD全流程指南

Ubuntu下搭建STM32开发环境:Eclipse+GDB+OpenOCD全流程指南

1. 为什么要在Ubuntu上搭建STM32开发环境? 如果你和我一样,是个在Linux环境下工作的嵌入式开发者,或者单纯厌倦了Windows下Keil、IAR这类商业IDE的臃肿和许可问题,那么把STM32的开发环境迁移到Ubuntu上,绝对是一个能极…

2026/8/1 5:24:48 阅读更多 →
硬件工程师必备:电容选型实战指南与常见误区解析

硬件工程师必备:电容选型实战指南与常见误区解析

1. 从“电容”说起:一个被低估的电路基石 提起电容,很多刚入行的电子工程师或者爱好者可能会觉得它很简单——不就是两个极板中间夹着绝缘介质嘛,电路图上画个符号,选个容值焊上去就完事了。但如果你真的这么想,那在后…

2026/8/1 5:24:48 阅读更多 →
轻量化ACPI控制架构深度解析:G-Helper如何实现华硕笔记本硬件管理的技术革新

轻量化ACPI控制架构深度解析:G-Helper如何实现华硕笔记本硬件管理的技术革新

轻量化ACPI控制架构深度解析:G-Helper如何实现华硕笔记本硬件管理的技术革新 【免费下载链接】g-helper Lightweight Armoury Crate alternative for Asus laptops with nearly the same functionality. Works with ROG Zephyrus, Flow, TUF, Strix, Scar, ProArt, …

2026/8/1 5:23:48 阅读更多 →

最新新闻

AI自动化流程改造实战:3步诊断低效环节,5天实现30%效率跃升

AI自动化流程改造实战:3步诊断低效环节,5天实现30%效率跃升

更多请点击: https://intelliparadigm.com 第一章:AI自动化流程改造实战:3步诊断低效环节,5天实现30%效率跃升 在制造业客户的真实产线调度场景中,我们通过轻量级AI自动化改造,在5个工作日内将订单排程耗时…

2026/8/1 6:12:04 阅读更多 →
C++文件读取:ifstream.getline()底层机制、安全陷阱与现代替代方案

C++文件读取:ifstream.getline()底层机制、安全陷阱与现代替代方案

1. 从一行代码说起:为什么ifstream.getline()不是你想的那么简单如果你写过C文件读取,大概率用过ifstream配合>>操作符,或者getline函数。但当你需要精确控制读取的字符数、或者处理包含空格的整行文本时,ifstream的成员函数…

2026/8/1 6:12:04 阅读更多 →
AI图片艺术化处理必须掌握的4类不可逆损伤预警机制——基于百万张训练集图像退化轨迹建模

AI图片艺术化处理必须掌握的4类不可逆损伤预警机制——基于百万张训练集图像退化轨迹建模

更多请点击: https://codechina.net 第一章:AI图片艺术化处理必须掌握的4类不可逆损伤预警机制——基于百万张训练集图像退化轨迹建模 在高保真AI图像艺术化流程中,模型生成与后处理常引入肉眼难辨但语义级不可恢复的退化。我们通过对ImageN…

2026/8/1 6:12:04 阅读更多 →
Unity WebGL本地运行失败的5大核心问题与解决方案

Unity WebGL本地运行失败的5大核心问题与解决方案

1. 项目概述:当你的WebGL项目在本地“罢工”作为一名在Unity3D和WebGL部署一线摸爬滚打多年的开发者,我太熟悉那种感觉了:你花了几天甚至几周时间,精心打磨了一个Unity项目,满怀期待地点击“Build And Run”生成WebGL版…

2026/8/1 6:12:04 阅读更多 →
Netty高性能网络编程实战:从核心原理到生产环境避坑指南

Netty高性能网络编程实战:从核心原理到生产环境避坑指南

1. 从“Hello World”到百万连接:为什么Netty值得你投入时间如果你是一名Java后端开发者,或者对高性能网络编程感兴趣,那么“Netty”这个名字你一定不陌生。它常常和“高性能”、“异步”、“事件驱动”、“网络框架”这些词绑定在一起&#…

2026/8/1 6:11:03 阅读更多 →
LinkedHashMap与HashMap深度对比:从原理到LRU缓存实战

LinkedHashMap与HashMap深度对比:从原理到LRU缓存实战

1. 项目概述:为什么我们需要LinkedHashMap?如果你写过Java,HashMap绝对是绕不开的一个老朋友。它快,它简单,它用键值对帮你解决了无数数据存储和查找的问题。但不知道你有没有遇到过这样的场景:你从数据库里…

2026/8/1 6:11:03 阅读更多 →

日新闻

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南 【免费下载链接】BaiduNetdiskPlugin-macOS For macOS.百度网盘 破解SVIP、下载速度限制~ 项目地址: https://gitcode.com/gh_mirrors/ba/BaiduNetdiskPlugin-macOS 还在为百度网盘macOS版的龟速下…

2026/8/1 0:00:48 阅读更多 →
终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换

终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换

终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 还在为网易云音乐下载的NCM格式文件无法在其他播放器播放而烦恼吗?ncmdump解密工具帮你轻松解决这个困…

2026/8/1 0:00:48 阅读更多 →
HarmonyOS 应用开发《掌上英语》第81篇: 智能体卡片:为英语学习 App 打造桌面级学习助手

HarmonyOS 应用开发《掌上英语》第81篇: 智能体卡片:为英语学习 App 打造桌面级学习助手

AgentCard 智能体卡片:为英语学习 App 打造桌面级学习助手适用平台:HarmonyOS 7.0 (API 26 Beta)一、引言 HarmonyOS 7.0(API 26 Beta)新增了 AgentCard 智能体卡片能力,这是继 HMAF(鸿蒙智能体框架&#x…

2026/8/1 0:00:48 阅读更多 →

周新闻

深度学习道路桥梁裂缝检测系统 道路桥梁裂缝检测数据集 道路桥梁病害识别检测数据集

深度学习道路桥梁裂缝检测系统 道路桥梁裂缝检测数据集 道路桥梁病害识别检测数据集

深度学习道路桥梁裂缝检测系统 数据集6000张 完整源码已标注数据集训练好的模型环境配置教程程序运行说明文档,可以直接使用!系统支持图片、视频、摄像头等多种方式检测裂缝,功能强大实用。 1数据集6000张 8各类别

2026/7/31 1:03:03 阅读更多 →
深度学习YOLO模型如何训练 PUBG 绝地求生目标检测数据集

深度学习YOLO模型如何训练 PUBG 绝地求生目标检测数据集

pubg数据集 精选原图1.42万数据 1.49万标签 无任何重复、算法增强或冗余图像! pubg绝地求生目标检测数据集 1分类:e_body,14905个标签,txt格式 共计14244张图,99%为640*640尺寸图像 适合yolo目标检测、AI训练关键词&am…

2026/8/1 5:19:34 阅读更多 →
Apex英雄目标检测数据集 深度学习框架YOLO如何训练APEX数据集

Apex英雄目标检测数据集 深度学习框架YOLO如何训练APEX数据集

Apex检测数据集数据集详情检测类别: allies enemy tag图片总量:7247张训练集:5139张验证集:1425张测试集:683张标注状态:全部已标注,即拿即用数据格式:支持YOLO格式及其他格式&#…

2026/7/31 4:19:39 阅读更多 →

月新闻

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南 【免费下载链接】BaiduNetdiskPlugin-macOS For macOS.百度网盘 破解SVIP、下载速度限制~ 项目地址: https://gitcode.com/gh_mirrors/ba/BaiduNetdiskPlugin-macOS 还在为百度网盘macOS版的龟速下…

2026/8/1 0:00:48 阅读更多 →
终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换

终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换

终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 还在为网易云音乐下载的NCM格式文件无法在其他播放器播放而烦恼吗?ncmdump解密工具帮你轻松解决这个困…

2026/8/1 0:00:48 阅读更多 →
HarmonyOS 应用开发《掌上英语》第81篇: 智能体卡片:为英语学习 App 打造桌面级学习助手

HarmonyOS 应用开发《掌上英语》第81篇: 智能体卡片:为英语学习 App 打造桌面级学习助手

AgentCard 智能体卡片:为英语学习 App 打造桌面级学习助手适用平台:HarmonyOS 7.0 (API 26 Beta)一、引言 HarmonyOS 7.0(API 26 Beta)新增了 AgentCard 智能体卡片能力,这是继 HMAF(鸿蒙智能体框架&#x…

2026/8/1 0:00:48 阅读更多 →