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
链接分享:http://bzwzjz.com/article/dschjgh.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都网站建设 成都网站建设推广 响应式网站建设 专业网站设计 成都网站设计 成都企业网站制作 响应式网站设计方案 成都网站建设 成都做网站建设公司 成都网站制作公司 定制网站设计 营销型网站建设 成都商城网站建设 手机网站制作 阿坝网站设计 网站建设费用 重庆网站设计 成都网站制作 网站制作 营销型网站建设 移动网站建设