📅 最后修改于: 2023-12-03 15:09:07.981000 🧑 作者: Mango
在 HTML 中，网站图标（favicon）是显示在浏览器标签上的小图标，也可以在书签中使用。网站图标通常是16x16像素大小的小图标。
要将网站图标添加到 HTML 中，可以按照以下几个步骤进行：
首先需要创建一个网站图标文件。这个文件通常以.ico作为扩展名，其他格式如.png、.gif等都不一定能被所有的浏览器支持。可以使用在线图标生成工具或者图标编辑软件来创建图标。
上传网站图标文件到 web 服务器，不同的服务器有不同的上传方式，常见的方式有 FTP 上传和面板上传。
使用以下代码将网站图标添加到 HTML 中，放在<head>标签中即可。
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
其中，href属性的值为网站图标文件的 URL，要确保路径正确，可以在浏览器中查看文件路径是否正确。
除了在浏览器标签中显示网站图标外，还可以添加到其他设备中：
在 iOS 设备中，可以通过以下代码将网站图标添加到主屏幕上：
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
其中href属性的值为网站图标文件的 URL。
在 Android 设备中，可以通过以下代码将网站图标添加到主屏幕上：
<link rel="shortcut icon" sizes="192x192" href="android-chrome-192x192.png">
其中href属性的值为网站图标文件的 URL。
将网站图标添加到 HTML 中是一个简单的步骤，为了让网站在不同设备上显示合适，需要按照具体设备的要求添加对应的代码。