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 属性定义 favicon 尺寸

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

<!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
sizes
html_attributes_reference.htm
广告
© . All rights reserved.