HTML中用i作小图标

看很多网站的源代码时候发现很多人用i作为小图标icon，如下代码。菜鸟，很是纳闷，i明明是倾斜的意思的呀

<i class="fa fa-times"></i>

原来这条语句是一个空的i标签，因为没有写任何东西，只不过属性设置成了fa-times小图标的名字这是

正规写法应该是这样子的

<span class="fa fa-times</span>

其实使用i作为icon是不规范的，虽然长得很像icon

大家之所以习惯这样用可能是因为bootstrap在2.X的版本里面的图表组件是i

在3.X的版本里面的组建改回了span

参考：https://www.zhihu.com/question/26880548

HTML中用i作小图标相关推荐

移动端大图缩放模糊_关于移动端小图标模糊问题的解决方法
前言之前给大家讲到图片和文字垂直方向不对齐的问题,其中举的小例子中用到了一个小图标,这个小图标我用的是背景图来显示: .del .icon{ display: inline-block; width ...
基于CSS3飘带状3D菜单菜单带小图标
这次我们要来分享一款很特别的CSS3菜单,菜单的外观是飘带状的,并且每一个菜单项有一个精美的小图标,鼠标滑过菜单项时,菜单项就会向上凸起,像是飘带飘动一样,形成非常酷的3D视觉效果.这款CSS3飘带状 ...
nullnullicon 小图标
在本篇文章中,我们主要介绍nullnull的内容,自我感觉有个不错的建议和大家分享下 icon 小图标每日一道理有一首诗最为动人,那就是青春:有一段人生最美丽,那就是青春:有一道风景最为亮丽,那就 ...
文字前的小图标HTML,Font Awesome实现文字链右边加一个箭头图标
在上一篇文章里介绍了用css背景图实现文字链右边加一个箭头图标的方法,本文将介绍用Font Awesome实现文字链右边加一个箭头图标的方法. Font Awesome是一个图标字体库,包含300多种 ...
电脑重装系统后，在连接网络的小图标上出现红叉，并且只有一个飞行模式，未出现wlan的解决思路
起床看到朋友的消息,去她家拿了电脑过来,发现开机之后一直是这个死循环: 想百度看看 DBQHM是什么意思,但是没有关于这个的,不过看到DB应该是跟数据库有关的了. 重装win10后,发现还是连接不上网 ...
将图片转换成svg文件，自定义icon小图标，svg速成
将图片转换成svg文件,自定义icon小图标,svg速成一.svg是什么? 二.操作步骤 1.进入网站 2.将svg复制 3.引用svg文件总结一.svg是什么? SVG是一种图像文件格式,它的 ...
html表单内加入小图标,精美的HTML5/CSS3表单带小图标
今天我们要来分享一款非常精美的HTML5/CSS3表单,准备地说,这是一款经过美化的input输入表单,每一个输入表单都可以定义其两侧的小图标,非常华丽.另外,这款表单应用还采用了3种不同的风格主题, ...
使用css3新属性clip-path制作小图标
一般一个网页上面,或多或少都会用到一些小图标,展示这些小图标的方法有很多种.最简单的做法就是将UI图上面的每个小图标都保存为图片,一个小图标就一张图片.但这也是比较笨的方法,因为浏览器同一时间最多加载 ...
制作地址栏中的小图标
关键词:制作地址栏中的小图标如果您使用的 WEB 浏览器是IE5或以上版本,那么当您将某些网站(如:网易.Yahoo等等)加入到"收藏夹"后,您是否注意到在这些网站标题的旁边还有 ...

HTML中用i作小图标

HTML中用i作小图标相关推荐

最新文章

热门文章