HTML ＜link＞ sizes 属性

2016-12-02 19:29:45

HTML <link> sizes 属性

带有指定尺寸的图标：

		<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16">

目前几乎没有主流浏览器支持 sizes 属性。

sizes 属性规定视觉媒体图标的尺寸。

只有当被链接资源是图标时 (rel="icon")，才能使用该属性。

sizes 属性是 HTML5 中的新属性。

		<link sizes="HeightxWidth|any">

值	描述
HeightxWidth	为被链接的图标规定一个或多个尺寸。高度和宽度之间由一个 "x" 或 "X" 分隔。实例s: <link rel="icon" href="favicon.png" sizes="16x16" type="image/png"> （1 个尺寸） <link rel="icon" href="favicon.png" sizes="16x16 32x32" type="image/png"> （2 个尺寸）
any	规定图标是可伸缩的（比如 SVG 图像）。实例： <link rel="icon" href="icon.svg" sizes="any" type="image/svg+xml"> （任何尺寸）

值

描述

HeightxWidth

为被链接的图标规定一个或多个尺寸。
高度和宽度之间由一个 "x" 或 "X" 分隔。

实例s:

<link rel="icon" href="favicon.png" sizes="16x16" type="image/png"> （1 个尺寸）
<link rel="icon" href="favicon.png" sizes="16x16 32x32" type="image/png"> （2 个尺寸）

any

规定图标是可伸缩的（比如 SVG 图像）。

实例：