扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这是一个示例,可以试着先在阿里巴巴图标将图标加入购物车,然后再下载代码,将文件加压后,引入iconfont.css文件,在i标签中class属性名为iconfont,style样式可以自定义图标的大小和颜色,这里“#xe782;”为一个问号的代码。页面显示的为一个红色的问号。i标签做图标的好处就是将图片文字化,还有其他的方法就是通过i标题的伪类来显示图标,配合 ::before 或者::after伪元素实现,因为没有内容,读屏器不会朗读(这样即使有特殊处理也跳过了),机器理解起来应该也没什么影响。使用伪类的好处就是:插入的内容在页面的源码里是不可见的,只能在css里可见。
成都创新互联公司2013年成立,先为碾子山等服务建站,碾子山等地企业,进行企业商务咨询服务。为碾子山企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
这个不是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或者b,如果非要用个div也能实现。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流