HTML rel=“icon“

邢鸿博

2023-12-01

此设置仅适用于<link>标记。

例子

#

Arel="icon"在<link>元素上。
此链接引用页面或站点的图标。

<head>
  <link rel="icon" href="/favicon.ico">
</head>

现场试用

使用 rel="icon"

#

rel属性定义当前页面和链接资源之间的关系。

该值定义了在视觉上代表网站rel="icon"的网页图标或网站图标。

图标 URL 在href属性中指定。

句法

#

<link rel="icon" href="url" />

接受 rel="icon" 的元素

#

只有一个元素接受rel属性上的图标值。

	元素	描述
	<链接>	将资源链接到当前页面 -参见上面的示例

网站图标

#

网站图标称为favicon。

网站图标用于网站选项卡，并用作触摸图标、移动快捷方式图标和应用程序图标。

最初，网站图标是.ico格式化的图像，但今天.png也接受图像。

这些是图标的标准尺寸：

注意：对于 Apple touch，指示apple-touch-icon为 value 而不是仅icon.

HTML rel=“icon“

使用 rel="icon"