html5i,HTML5ID

html5怎么用 i标签做小图标

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

相关问答

Q1: 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

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

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