主题
  • 默认模式
  • 浅蓝色模式
  • 淡红色模式
  • 深夜模式

HTML 字符实体

在 HTML 中,某些字符是保留字符,例如小于号 < 和大于号 >在浏览器中会与标签混淆。

这时候,你可以使用实体名称或者实体编码,来保留这些 HTML 字符。

1. 实体名称结构:
&实体名称;
2. 实体编码结构:
&#实体编码;
一个简单的示例:
实例代码 运行代码
复制
<p>这是一个实体名(小于号和大于号)示例:&lt;div&gt;</p>
<p>这是一个实体编码(小于号和大于号)示例:&#60;div&#62;</p>
  • 字符名称以 & 开头,以 ; 结尾。例如,&lt;表示小于号<&gt;表示大于号>
  • 字符编码以 & 开头,以 ; 结尾。例如,&#60t;表示小于号<&#62;表示大于号>

不间断空格

&nbsp;是 HTML 中的一种特殊字符实体,表示一个不间断空格。

&nbsp;作用是确保空格不会被浏览器忽略,并且在该空格处不会换行。

  • 防止单词被拆分:当两个单词之间需要保持在同一行时,可以使用   代替普通空格。
  • 增加多个空格:在 HTML 中,多个普通空格会被浏览器合并为一个。如果需要显示多个空格,可以使用多个  。
实例代码 运行代码
复制
<p>10个          空格</p>
<p>10个&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;空格</p>

常用字符实体

以下是一些常用的 HTML 字符实体:

显示结果
描述
实体名称
实体编号
空格
&nbsp;
&#160;
<
小于号
&lt;
&#60;
>
大于号
&gt;
&#62;
&
和号
&amp;
&#38;
"
双引号
&quot;
&#34;
'
单引号
&apos;
&#39;
¢
&cent;
&#162;
£
英镑
&pound;
&#163;
¥
日元
&yen;
&#165;
欧元
&euro;
&#8364;
§
小节
&sect;
&#167;
©
版权
&copy;
&#169;
®
注册商标
&reg;
&#174;
商标
&trade;
&#8482;
×
乘号
&times;
&#215;
÷
除号
&divide;
&#247;

结合音标符

音标符(Diacritical Mark)是附加在字母上的“字形”。一些音标符,例如重音符( ̀)和尖音符( ́),被称为“重音符号”。

音标符可以与字母数字字符结合使用,生成当前页面字符集(编码)中不存在的字符。下面给出一个示例:

实例代码 运行代码
复制
<p>a + 尖音符 = a&#769;</p>

1. 常用结合音标符

显示结果
描述
实体名称
实体编号
a 加上重音符
&#768;
&#x0300;
a 加上尖音符
&#769;
&#x0301;
a 加上抑扬符
&#770;
&#x0302;
a 加上波浪符
&#771;
&#x0303;
a 加上长音符
&#772;
&#x0304;
a 加上短音符
&#774;
&#x0306;
a 加上圆圈
&#775;
&#x0307;
a 加上分音符
&#776;
&#x0308;
a 加上钩符
&#777;
&#x0309;
a 加上角符
&#778;
&#x030A;
a 加上双尖音符
&#779;
&#x030B;
a 加上反折符
&#780;
&#x030C;
a 加上双反折符
&#781;
&#x030D;
a 加上双波浪符
&#782;
&#x030E;
a 加上双长音符
&#783;
&#x030F;



评论区 0
发表评论