HTML - sizes 属性



HTML sizes 属性指定链接资源的大小。它用于为视觉媒体提供图标的大小。sizes 属性仅与 rel=“icon” 一起使用。

任何元素都不再支持此属性。

语法


 <link rel="icon" sizes="10x10">

适用对象

下面列出的元素允许使用 HTML sizes 属性。

元素 描述
<link> HTML <link> 标签指定当前文档与外部资源之间的关系。
<img> HTML <img> 标签用于将图像嵌入到 HTML 文档中。
<source> HTML <source> 标签用于定义各种不同格式的媒体资源。

HTML sizes 属性的示例

下面的示例将说明 HTML sizes 属性,我们应该在何处以及如何使用此属性!

使用 sizes 属性定义图标维度

输出窗口显示带有超链接的文本。点击此链接后,将在“sample.htm”页面中看到图标图像。尝试在本地运行代码。


<!DOCTYPE html>
<html>

<head>
			<title>HTML sizes attribute in link tag</title>
			<link rel="icon" 
						href="
https://indoleads.nyc3.cdn.digitaloceanspaces.com/uploads/offers/logo/8512_92749e1af2bb2.png" 
						type="image/gif" 
						sizes="16x16">
</head>

<body>
			<p>
				 Open this page in a 
				 <a href="sample.htm" 
						target="_blank">
						new window
				 </a> 
				 to see the favicon.
			</p>
</body>

</html>

支持的浏览器

浏览器 Chrome Edge Firefox Safari Opera
是否支持 No No No No No