作为一名运维工程师,是应该具备一些前端的技能,比如html , css等
如何设置网页的图标,让网站看起来更加美观,
前言
对于网站 favicon.ico 图标的大小,建议大家选择 16x16 或者 32x32,再大也是完全没有必要的。效果不见涨,还可能会影响网站加载的速度。
操作
第一步:
创建一个图片目录img与index.xml在同级路径下,将logo图片命名为favicon.ico,并且存放在img里面
第二步
修改index.xml,在index.xml页面的head标签中添加一行代码
<link rel="shortcut icon" href="img/favicon.ico">
即可。
<head><!--设置文档默认编码--><meta charset="UTF-8"><!--网页的title--><title>网站首页</title><!--设置ico图标--><link rel="shortcut icon" href="img/favicon.ico">
</head>
说明
rel :表示将要引用的资源类型。
href:表示指向资源的URL。
<link rel="shortcut icon" href="favicon.ico">,代码中rel="shortcut icon"是一种固定写法。
如果缺省该属性会影响ico图标的正确显示。所以该属性千万要记得写。
这行代码通俗的讲就是告诉浏览器帮忙引入一个ico格式的图标,资源的地址在href中。