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/10/15 10:50:21 阅读更多 →
硬件工程师必备:电容选型实战指南与常见误区解析

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

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

2026/10/15 11:19:12 阅读更多 →
轻量化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/10/15 11:19:14 阅读更多 →

最新新闻

权限管理怎么做?从“资格”与“空间”双维度设计一套可落地的权限体系

权限管理怎么做?从“资格”与“空间”双维度设计一套可落地的权限体系

1. 引言 权限管理是几乎所有多用户系统的核心难题。很多团队在初期只做“登录 角色”,上线后才发现:用户 A 能看用户 B 的私有数据、两个部门共用了同一份资源却互相覆盖、离职员工的权限迟迟没有回收……这些问题的根源,往往在于没有把“用…

2026/10/15 14:00:47 阅读更多 →
Unity图形学实战:坐标变换原理与矩阵优化技巧

Unity图形学实战:坐标变换原理与矩阵优化技巧

1. 项目背景与核心价值"剑英陪你玩转图形学"系列教程的第三篇"归去来"延续了前两篇的技术深度和教学风格,将图形学中复杂的数学原理和渲染技术转化为可实操的代码实现。这个系列最显著的特点是:用游戏开发者熟悉的Unity引擎作为实践…

2026/10/15 14:00:47 阅读更多 →
过拟合与欠拟合:从原理诊断到工业级防治

过拟合与欠拟合:从原理诊断到工业级防治

1. 什么是过拟合与欠拟合:一个模型“学歪了”和“没学会”的真实现场 你训练了一个图像分类模型,它在训练集上准确率99.8%,测试集却只有62%;你用线性回归拟合房价数据,画出来的直线平得像尺子,连房价随楼层…

2026/10/15 14:00:47 阅读更多 →
五年冥想实践:从基础呼吸到神经重塑的完整路径

五年冥想实践:从基础呼吸到神经重塑的完整路径

1. 冥想1823天的实践与感悟连续1823天的冥想练习,相当于整整五年不间断的修行。这个数字背后是一套完整的个人成长系统,从最初15分钟的呼吸观察,到现在能自如运用多种冥想技术应对不同生活场景。作为坚持五年多的实践者,我想分享这…

2026/10/15 14:00:47 阅读更多 →
损失函数选型实战指南:从原理到PyTorch避坑

损失函数选型实战指南:从原理到PyTorch避坑

1. 为什么损失函数不是“选一个就行”,而是模型训练的底层操作系统你刚学完线性回归,照着教程敲完model.fit(X, y),发现训练过程跑得飞快,但预测结果在测试集上误差大得离谱——这时候,大概率不是数据没清洗、特征没工…

2026/10/15 14:00:47 阅读更多 →
研究交流记录如何帮助知识积累?

研究交流记录如何帮助知识积累?

交流场景里的知识流失常态我做基础学科研究这三年,大半增量信息来自组会讨论、线下学术沙龙、同领域研究者的闭门交流。之前靠手写记笔记,往往记了前半句漏了后半句,碰到讲者快语速讲实验参数、文献出处,根本跟不上。回头翻存的录…

2026/10/15 13:59:46 阅读更多 →

日新闻

Docker Compose 容器化部署 ChirpStack LoRaWAN 网络服务器实战

Docker Compose 容器化部署 ChirpStack LoRaWAN 网络服务器实战

1. 为什么选择容器化方式部署 LoRa 网络服务LoRa 物联网项目落地时,网络服务器是整个链路的核心枢纽。它负责接收网关上报的数据包、完成去重与解密、再把有效载荷分发给上层应用。早期大家习惯把网络服务器直接装在物理机上,依赖一堆系统库和特定版本的…

2026/10/15 0:00:46 阅读更多 →
共享LLM服务下的跨模型自动扩缩容:Kubernetes实战与避坑指南

共享LLM服务下的跨模型自动扩缩容:Kubernetes实战与避坑指南

1. 共享推理服务里,扩缩容到底难在哪做过大模型推理服务部署的人,大概都经历过这样的场景:一个团队共用一套推理集群,A 业务跑的是 7B 的小模型,B 业务跑的是 72B 的大模型,C 业务白天流量高、晚上几乎归零…

2026/10/15 0:00:46 阅读更多 →
Systemd 启动阶段根文件系统只读之谜:fstab 与 remount-fs 服务深度解析

Systemd 启动阶段根文件系统只读之谜:fstab 与 remount-fs 服务深度解析

1. 引子:一次内核恐慌引发的追查先从一个真实场景说起。某次我给一台老旧的嵌入式设备折腾系统裁减,为了把启动时间压进两秒以内,我手贱地把一串自认为“没用”的 systemd 服务给 disable 了,其中就包括systemd-remount-fs.servic…

2026/10/15 0:00:46 阅读更多 →

周新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/14 3:30:28 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/14 16:30:29 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/15 13:48:15 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/15 0:14:36 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/14 22:45:47 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/15 9:49:14 阅读更多 →