在 HTML 中设置网站图标可以通过以下步骤实现:
准备一个符合要求的图标文件,通常为 ico 格式的文件,也可以是 png 或 gif 格式的文件。
在 HTML 文件的 head 标签内添加如下代码:
<link rel="icon" type="image/x-icon" href="youricon.ico">
其中,rel="icon"
表示这是一个网站图标,type="image/x-icon"
表示文件类型为 ico,href
属性指向图标文件的链接地址。
<link rel="apple-touch-icon" sizes="180x180" href="youricon180.png">
<link rel="icon" type="image/png" sizes="32x32" href="youricon32.png">
<link rel="icon" type="image/png" sizes="16x16" href="youricon16.png">
其中,rel="apple-touch-icon"
表示苹果设备上的图标,sizes
属性表示图标的尺寸,href
属性指向图标文件的链接地址。rel="icon"
表示其他设备上的图标,type="image/png"
表示文件类型为 png,sizes
属性同样表示图标的尺寸,href
属性指向图标文件的链接地址。
值得注意的是,不同的浏览器对网站图标的支持程度不同,有些浏览器可能只支持 ico 格式的图标,有些浏览器可能只支持 png 格式的图标,因此建议同时提供多种格式和尺寸的图标文件,以获得更好的兼容性。