当前位置: 首页 > ai >正文

HTML 等价字符引用:系统化记忆指南

HTML 等价字符引用:系统化记忆指南

在 HTML 中,字符引用(Character Entity References)用于表示保留字符或特殊符号。我将提供一个系统化的方法来记忆这些重要实体,并解释它们的实际应用。

什么是等价字符引用?

HTML 字符引用有两种形式:

  • 命名实体&entity_name;(如 &lt; 表示 <
  • 数字实体&#entity_number;(如 &#60; 表示 <

它们用于:

  • 显示 HTML 保留字符(<, >, &)
  • 表示键盘无法输入的字符(如版权符号 ©)
  • 避免与 HTML 标签冲突

记忆策略:分类学习法

1. 基础保留字符(必须记忆)

这些字符在 HTML 中有特殊含义,使用时必须转义:

字符命名实体助记方法
<&lt;Less Than
>&gt;Greater Than
&&amp;Ampersand
"&quot;Quotation

记忆口诀:“Less Than & Greater Than need Ampersand for Quotations”

2. 常用特殊符号(高频使用)

这些符号在网页中经常出现:

符号命名实体助记方法
©&copy;Copyright
®&reg;Registered
&trade;Trademark
&euro;European currency
£&pound;Pound sterling
¥&yen;Yen currency
¢&cent;Cent sign

分类记忆

  • 知识产权:copy(©), reg(®), trade(™)
  • 货币符号:euro(€), pound(£), yen(¥), cent(¢)

3. 空白与分隔符

符号命名实体说明
&nbsp;不间断空格(No-Break Space)
&ensp;半角空格(En Space)
&emsp;全角空格(Em Space)
&ndash;短破折号(En Dash)
&mdash;长破折号(Em Dash)

记忆方法

  • &nbsp; = No-Break Space
  • &ensp; = En Space(字母N宽度)
  • &emsp; = Em Space(字母M宽度)

4. 数学符号

符号命名实体说明
×&times;乘号
÷&divide;除号
±&plusmn;加减号
&ne;不等号
&le;小于等于
&ge;大于等于

助记法

  • &times;&divide; 来自键盘符号位置
  • &le; = Less or Equal
  • &ge; = Greater or Equal

5. 箭头图标

符号命名实体方向
&larr;左箭头
&rarr;右箭头
&uarr;上箭头
&darr;下箭头

记忆方法:首字母对应方向(Left, Right, Up, Down)

系统化记忆工具

模式识别法

  1. 缩写模式

    • &lt; = less than
    • &gt; = greater than
    • &amp; = ampersand
  2. 单词关联法

    • &copy; = copyright
    • &reg; = registered
    • &trade; = trademark
  3. 符号形状法

    • &hearts; = ♥ (心形)
    • &diams; = ♦ (菱形)
    • &spades; = ♠ (黑桃)
    • &clubs; = ♣ (梅花)

数字实体规律

所有字符都有对应的 Unicode 编号:

  • 版权符号 © = &#169;
  • 注册商标 ® = &#174;
  • 商标 ™ = &#8482;

转换方法

  1. 查找字符的 Unicode 编码(如 © 是 U+00A9)
  2. 去掉 “U+”,使用十进制:&#169;
  3. 或使用十六进制:&#xA9;

常用字符引用速查表

<div class="reference-table"><h2>HTML 常用字符引用速查表</h2><table><thead><tr><th>字符</th><th>命名实体</th><th>数字实体</th><th>说明</th></tr></thead><tbody><tr><td>&lt;</td><td>&amp;lt;</td><td>&amp;#60;</td><td>小于号</td></tr><tr><td>&gt;</td><td>&amp;gt;</td><td>&amp;#62;</td><td><
http://www.xdnf.cn/news/10521.html

相关文章:

  • Fragment懒加载优化方案总结
  • DAY 43 复习日
  • Python 详细分析死锁原因及对应解决方案
  • 摩尔投票算法原理实现一文剖析
  • 基于 51 单片机的智能饮水机控制系统设计与实现
  • 低能硼注入的粒子控制 Axcelis Purion高电流离子注入机近晶圆环境中的石墨衬垫
  • BUUCTF[极客大挑战 2019]Secret File 1题解
  • 基于 Alpine 定制单功能用途(kiosk)电脑
  • 高效视频倍速播放插件推荐
  • 青少年编程与数学 02-020 C#程序设计基础 17课题、WEB与移动开发
  • C++中实现随机数(超详细!​​​​​)
  • 【Doris基础】Apache Doris中的Coordinator节点作用详解
  • 【MATLAB代码】制导——平行接近法,三维,目标是运动的,订阅专栏后可直接查看MATLAB源代码
  • C#项目07-二维数组的随机创建
  • Kotlin 中 companion object 扩展函数和普通函数区别
  • Qt OpenGL 3D 编程入门
  • Grafana对接Prometheus数据源
  • JAVA学习-练习试用Java实现“使用JavaFX绘制散点图 :可视化数据集”
  • 【2025年B卷】华为OD-100分-字符串重新排列、字符串重新排序
  • 解锁 AI 大语言模型的“知识宝藏”:知识库的奥秘与优化之道
  • TDengine 的 AI 应用实战——电力需求预测
  • 秋招Day12 - 计算机网络 - UDP
  • 阿里云国际站,如何通过代理商邀请的链接注册账号
  • 多维度健康护理:为进行性核上性麻痹患者护航
  • Python基础入门:开启编程之旅
  • 数据资产评估进阶:精读资产评估专家指引第9号——数据资产评估指导【附全文阅读】
  • CppCon 2014 学习:Gamgee: A C++14 library for genomic data processing and analysis
  • 服务器间文件传输
  • Linux_T(Sticky Bit)粘滞位详解
  • Spring Boot中的WebSocket技术实现