您的位置:首页> 前端教程> HTML教程
文章导航

HTML字符实体

2018-8-12 00:41| 作者: admin| 查看: 2022| 评论: 0|来自: 蚂蚁部落

首先解决一个新手经常遇到的问题,如果让页面显示多个空格。

可能会有很多朋友会连续敲击空格键,截图如下:

a:3:{s:3:\"pic\";s:43:\"portal/201809/01/215245a4bvv2luvxv4uvu9.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

然而实际浏览器的渲染效果确实如下截图:

a:3:{s:3:\"pic\";s:43:\"portal/201809/01/215301ia2snjd0x87sjq2j.jpg\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

这时候HTML字符实体的必要性就体现出来了,连续输入$nbsp;即可实现任意长度空格效果。

还有一种常见的情况必须要使用HTML字符实体,有很多需要显示的字符可能是HTML语法结构的组成部分。

例如大于号(>)和小于号(<),代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<div>蚂蚁部落</div>

如果我们想在页面中显示如下内容“<div><div>是重要的HTML标签</div>”。

可能初学者会使用如下写法:

[HTML] 纯文本查看 复制代码运行代码
<div><div>是重要的HTML标签</div>

浏览器渲染效果如下:

a:3:{s:3:\"pic\";s:43:\"portal/201809/01/215438z695dnt669zi66k5.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

由于浏览器解析的时候,将其进行标签配对,再加上一些容错机制,导致<div>没有显示。

HTML字符实体的作用又一次得到体现。

大于号(>)用&gt;表示,小于号用&lt;表示,浏览器就不会把<div>当标签解析。

代码修改如下:

[HTML] 纯文本查看 复制代码
<div>&lt;div&gt;是一个HTML标签</div>

字符实体的表示形式是:&+字符实体名+分号(;)

除上面的形式,还可以使用&+字符实体数字+分号(;)形式,

两种形式互有优缺点,数字形式不利于记忆,但是浏览器兼容性完美。

字符形式便于记忆,但可能有一些浏览器兼容性问题,但问题不大。

代码实例如下:

[HTML] 纯文本查看 复制代码
&lt;<!--实体名形式-->
&#60;<!--数字形式-->

常见字符实体:

(1)."(双引号):&quot;。

(2).‘(左单引号):&lsquo;。

(3).’(右单引号):&rsquo;。

(4).×(乘号):&times;。

(5).÷(除号):&divide;。

(6).<(小于号):&lt;。

(7).>(大于号):&gt;。

(8).&(与符号):&amp;。

(9).—(长破折号):&mdash;。

(10).|(竖线):&#124;。

1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

最新评论

返回顶部