HTML <link> 标签的 sizes 属性 详解
HTML基础 2022-06-02 12:04:48小码哥的IT人生shichen
HTML <link> 标签的 sizes 属性
实例
带有指定尺寸的图标：
<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16" />
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="/i/demo_icon.ico" type="image/gif" sizes="16x16" />
</head>
<body>
<h2>Hello world!</h2>
<p>在<a href="/example/html5/demo_html5_link_sizes.html" target="_blank">新窗口</a>打开该页会看到图标。</p>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
sizes 属性规定被链接资源的尺寸。
只有当被链接资源是图标时 (rel="icon")，才能使用该属性。
该属性可接受多个值。值由空格分隔。
HTML 4.01 与 HTML 5 之间的差异
sizes 属性是 HTML5 中的新属性。
语法
<link sizes="heightxwidth|any">
属性值
| 值 | 描述 |
|---|---|
| heightxwidth |
为被链接的图标规定一个或多个以像素计的高度/宽度值对。 高度与宽度之间由 "x" 或 "X" 分隔。 |
| any | 规定图标是可伸缩的（比如 SVG 图像）。 |
