介绍
小编给大家分享一下HTML5中如何在标题标题标签里设置小图标的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
一张网页,如果标题只有文字,那会显得特别单调,那么如何加入一个小图标呢,废话不说,代码展示。
在html中的& lt; head>标签里:
, & lt; head> & lt;才能meta charset=癠TF-8"比; & lt;才能title>叮叮书店& lt;/title> & lt;才能link href=https://www.yisu.com/zixun/巴枷?logo.ico”rel=巴急辍崩嘈?巴枷?x-ico”> <链接的href="风格。css样式表" rel=" " type=" text/css "> 头>
在这里简单说明一下:
但凡遇到自己不熟悉的东西时,其实都可以跟自己之前遇到过的相类比,从而得出它们身上的异同;
我们基本上已经知道CSS3可以引入外部样式表,& lt; img也是通过外部引入的,那么图标也不例外,href=https://www.yisu.com/zixun/薄安荒苌?填入图标相对路径;
rel(关系联系就是与此html网页有什么联系,是它的什么)=?“,填入图标单词图标;类型=?“这个经本人测试,加不加都不影响效果,但是可能对代码的可移植性有影响,所有还是加上比较好,图像是图片类型,x-ico是一种图标格式,图标其实是多张相同显示图片的不同尺寸和发色数组合而成,是三维的,所以x-ico是完整格式的缩写,像24 x24 32位,32×32位之类的像素加色深的图标格式。
效果如下所示:
以上是“HTML5中如何在标题标题标签里设置小图标的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!