html5i,HTML5ID-成都快上网建站

html5i,HTML5ID

html5怎么用 i标签做小图标

这是一个示例,可以试着先在阿里巴巴图标将图标加入购物车,然后再下载代码,将文件加压后,引入iconfont.css文件,在i标签中class属性名为iconfont,style样式可以自定义图标的大小和颜色,这里“#xe782;”为一个问号的代码。页面显示的为一个红色的问号。i标签做图标的好处就是将图片文字化,还有其他的方法就是通过i标题的伪类来显示图标,配合 ::before 或者::after伪元素实现,因为没有内容,读屏器不会朗读(这样即使有特殊处理也跳过了),机器理解起来应该也没什么影响。使用伪类的好处就是:插入的内容在页面的源码里是不可见的,只能在css里可见。

成都创新互联公司2013年成立,先为碾子山等服务建站,碾子山等地企业,进行企业商务咨询服务。为碾子山企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

html5里为什么经常用i标签来作为小图标使用

这个不是H5特有的情况,只是设计师习惯性用法,用i表示ico图标,便于他人理解。例子:

ullii class="ico1"/i首页/lilii class="ico2"/i关于我们/li/ul

style

.ico1,.ico2{background:url(test.png) center left no-repeat; width:15px; height:15px}

/style

html5里为什么经常用i标签来作为小图标使用?

习惯用法,用标签样式实现小图标可以复用,不只是html5里。其他标签有些也可以,但一般用i或者b,如果非要用个div也能实现。


本文标题:html5i,HTML5ID
本文URL:http://kswjz.com/article/dschjgh.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流