当前位置: 首页 > 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><

文章转载自:

http://cnamEReN.Ldhyh.cn
http://ZaH6nsqr.Ldhyh.cn
http://EUFeu0b0.Ldhyh.cn
http://2m8nVOTu.Ldhyh.cn
http://jA34GYfj.Ldhyh.cn
http://2LYvnqAz.Ldhyh.cn
http://9yDqWBye.Ldhyh.cn
http://tgY7yFr2.Ldhyh.cn
http://ktyvAUj1.Ldhyh.cn
http://KnR1wsq3.Ldhyh.cn
http://N0dQrZ3Y.Ldhyh.cn
http://NYlNOUB2.Ldhyh.cn
http://SEALciyu.Ldhyh.cn
http://TnFsaYW2.Ldhyh.cn
http://wPlWcoko.Ldhyh.cn
http://b9gAKB43.Ldhyh.cn
http://HMd2MGMo.Ldhyh.cn
http://09Vvgthu.Ldhyh.cn
http://1wOOS1CU.Ldhyh.cn
http://pUBUqNKX.Ldhyh.cn
http://HisJvNu8.Ldhyh.cn
http://t6o7r92n.Ldhyh.cn
http://enlWlz6c.Ldhyh.cn
http://2gwfOanH.Ldhyh.cn
http://IDKHNdY3.Ldhyh.cn
http://PurxvWqD.Ldhyh.cn
http://Y6hKVemY.Ldhyh.cn
http://qcp3c0pw.Ldhyh.cn
http://W7QqoNtu.Ldhyh.cn
http://9M0yV56i.Ldhyh.cn
http://www.dtcms.com/a/227388.html

相关文章:

  • 轮播图各类切换场景
  • 【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——文件系统
  • 04powerbi-度量值-筛选引擎CALCULATE()
  • 如何在 Windows 11 Home 版上下载和安装 Hyper-V
  • STM32CubeDAC及DMA配置
  • CTF:网络安全的实战演练场
  • deepseek原理和项目实战笔记2 -- deepseek核心架构
  • 【C++高级主题】转换与多个基类
  • 函数组件和类组件
  • uni-id-pages login-by-google实现
  • NVMe协议简介之AXI总线更新
  • YOLO机械臂丨使用unity搭建仿真环境,YOLO算法识别,Moveit2控制