📅 最后修改于: 2023-12-03 15:27:02.385000 🧑 作者: Mango
选项卡图标指的是浏览器选项卡上显示的图标，也称为网站图标或者favicon。下面是如何在 HTML 中添加选项卡图标的方法。
使用 link 标签将图标文件链接到 HTML 文档。例如：
<!-- 添加选项卡图标 -->
<link rel="icon" href="favicon.ico">
将上面的代码添加到HTML文档的 <head> 标签中即可生效。注意，href 属性的值应该是图标文件的路径。
直接将图标的图像数据编码嵌入到 HTML 中。例如：
<!-- 添加选项卡图标 -->
<link rel="icon" href="data:;base64,iVBORw0KGgo=">
上面的代码中，href 属性的值是一个以 data: 开头的 URI，后面跟着图像数据的 base64 编码。可以通过在线工具生成图像数据的 base64 编码。
以上两种方法都可以很方便地添加选项卡图标。但通常使用第一种方式比较常见，因为它可以使用外部文件来管理图标，更灵活。
如果使用外部文件方式添加选项卡图标，则建议使用 16x16 或 32x32 的 .ico 格式或 .png 格式的图像文件，这样可以兼容大多数浏览器。较高像素的图标可能不会被所有浏览器支持。
以上是添加选项卡图标 HTML 的介绍，希望对您有所帮助。