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
廣告