快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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://6mz.cn/article/dschjgh.html

其他资讯