分享

2021-01-27

 印度阿三17 2021-01-27

记录每一个有趣的 常用的 实用的HTML实体字符

我个人认为:
1、在网页设计中,HTML为我们提供了丰富的实体字符,从而不必找图片装饰内容,可以直接使用HTML实体字符取代部分图片来达到网页访问与响应节流的效果,作用也是不可忽视的,有趣而且实用,特别是可以对实体字符进行font-size和color当做文字内容来进行颜色、尺寸等渲染;
2、当然,这个方式对于装饰网页与实现功能来说,不是万能的,要实现更加绚丽多彩的图标样式,一般就使用图片。

一、箭头类

1. 左右箭头(大于号、小于号):
(1)命名实体:
① 左箭头(小于号):< - - 对应的十进制表示法:<
② 右箭头(大于号):> - - 对应的十进制表示法:>
③ 等号“=”只有十进制表示法:&#61;
④ 恒等号 ≡表示为:&equiv; 或者 &#8801;

(2)效果图例与作用:

制作按钮点击左右箭头,网页轮播图中常用……
以后可以直接写这样的实体字符来代替图片等,加快网页加载速度和响应速度,不用找相关的图片来代表了。

在这里插入图片描述

在这里插入图片描述

二、关闭型、加减号型符号:

在这里插入图片描述
在这里插入图片描述

1. 购物车等的加号⊕ : 表示法:&oplus; 或者 &#8853;
2. 购物车等的减号 ⊖ : 表示法:&ominus; 或者 &#8854;
3. 一般的加号 : 表示法:&plus;
4. 一般的减号 − : 表示法:&minus;
5. 关闭 ☒ :&#9746;
6. 关闭 ⊗:&#8855; 或者 &otimes;
7. 关闭 × :×

在这里插入图片描述
在这里插入图片描述

三、表情符号:

1.笑脸☺ : 表示法:&#9786;
2.悲伤 ☹ : 表示法:&#9785;

四、其他实用符号:

1、版权 © : &copy;
2、商标 ™: &trade;
3、注册 ®: &reg;
4、黑色电话 ☎ :&#9742;
5、白色电话 ☏ :&#9743;
6、飞机 ✈ :&#9992;
7、打勾 ✓ :&#10003;
打勾 ✔ :&#10004;
对勾 ☑ :&#9745;
在这里插入图片描述

来源:https://www./content-4-836551.html

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多