html5 如何增加icon

要增加一个图标(icon)到HTML页面中，可以使用``标签将一个图标文件链接到页面上。

首先，准备一个包含图标的图像文件（通常是一个`.png`或`.ico`文件）。例如，将图标文件命名为`favicon.ico`。

然后，在你的HTML文件的``标签中添加以下代码：

```html

```

上述代码中，`rel="icon"`将定义链接为一个图标，`href="favicon.ico"`指定图标文件的路径和文件名，`type="image/x-icon"`指定图标文件的类型为`ico`格式。

这样，当用户访问该网页时，浏览器会在标签页的左侧显示指定的图标。

另外，如果想为你的网站添加一个更大的图标，用于在浏览器中的收藏夹和书签中显示，可以使用以下代码：

```html

```

上述代码中，`rel="apple-touch-icon"`将定义链接为一个苹果触摸设备图标，`sizes="180x180"`指定图标文件的尺寸，`href="apple-touch-icon.png"`指定图标文件的路径和文件名。

注意：以上代码中的路径和文件名需要根据你自己的文件保存位置进行修改。

标签：