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

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><

相关文章:

  • 轮播图各类切换场景
  • 【Godot引擎】如何使用内置的全局搜索功能提升开发效率
  • FastAPI+Pyomo实现线性回归解决饮食问题
  • Spring Boot中的WebSocket技术实现
  • 海底三维可视化平台
  • 600+纯CSS加载动画一键获取指南
  • 17.进程间通信(三)
  • 可视化大屏如何制作
  • 正则表达式在Java中的应用(补充)
  • 也说字母L:柔软的长舌
  • Go整合Redis2.0发布订阅
  • 任务25:绘制全局时间线(TimeLine)
  • 方法重写与方法重载详解
  • RK3568+LINUX + CODESYS带授权+实时系统,同时开自己的视觉应用
  • 自主设计一个DDS信号发生器
  • 零基础开始的网工之路第十七天------计算机网络知识
  • Python_day43
  • 二叉树的层序遍历与完全二叉树判断
  • Linux_T(Sticky Bit)粘滞位详解
  • linux——文件系统
  • 新浪博客seo/seo做关键词怎么收费的
  • 苏州网站建设有限公司/优化网站排名茂名厂商
  • 网站建设推广文案/游戏广告推广平台
  • 厦门知名做企业网站设计的公司/免费建站的网站哪个好
  • 龙岗做网站公司szaow/免费二级域名生成网站
  • 苏州写信小程序开发公司/windows优化大师的作用