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

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.lryc.cn/news/2397282.html

相关文章:

  • 【深度学习】17. 深度生成模型:DCGAN与Wasserstein GAN公式深度推导
  • Ubuntu终端性能监视工具
  • 设计模式——命令设计模式(行为型)
  • 鸿蒙OSUniApp智能商品展示实战:打造高性能的动态排序系统#三方框架 #Uniapp
  • 03 APP 自动化-定位元素工具元素定位
  • PABD 2025:大数据与智慧城市管理的融合之道
  • Golang持续集成与自动化测试和部署
  • 三套知识系统的实践比较:Notion、Confluence 与 Gitee Wiki
  • mysql离线安装教程
  • OpenGL 3D 编程
  • 基于FPGA的VGA显示文字和动态数字基础例程,进而动态显示数据,类似温湿度等
  • 力扣刷题Day 68:搜索插入位置(35)
  • NodeJS全栈WEB3面试题——P4Node.js后端集成 服务端设计
  • SQL进阶之旅 Day 12:分组聚合与HAVING高效应用
  • 深入剖析C#构造函数执行:基类调用、初始化顺序与访问控制
  • Java 大数据处理:使用 Hadoop 和 Spark 进行大规模数据处理
  • 使用Python绘制节日祝福——以端午节和儿童节为例
  • 探索大语言模型(LLM):参数量背后的“黄金公式”与Scaling Law的启示
  • Excel to JSON 插件 2.4.0 版本更新
  • 黑马点评后端笔记
  • C#项目07-二维数组的随机创建
  • 光伏功率预测 | LSTM多变量单步光伏功率预测(Matlab完整源码和数据)
  • 解锁 AI 大语言模型的“知识宝藏”:知识库的奥秘与优化之道
  • 一步一步配置 Ubuntu Server 的 NodeJS 服务器详细实录——3. 服务器软件更新,以及常用软件安装
  • 第四十天打卡
  • 【请关注】ELK集群部署真实案例分享
  • odoo17 windows server布署错误分析
  • PyTorch 入门学习笔记
  • 【 Samba】Windows 用户访问Docker服务器上当前A用户的 ~/aaa目录
  • pycharm生成图片