HTML <link> sizes属性

HTML link 标签参考手册HTML <link> タグ

例

指定されたサイズのアイコン：

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

試してみる »

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

現時点では、sizes 属性をサポートする主要ブラウザはほとんどありません。

定義と使い方

sizes 属性は、視覚メディアのアイコンの寸法を指定します。

この属性は、リンク先のリソースがアイコンである場合 (rel="icon") にのみ使用できます。

HTML 4.01 と HTML5 の違い

sizes 属性は HTML5 で追加された新しい属性です。

構文

<link sizes="HeightxWidth|any">

属性値

值 説明
HeightxWidth リンク先のアイコンに1つ以上の寸法を指定します。
高さと幅の間は、"x" または "X" で区切ります。

例：

  • <link rel="icon" href="favicon.png.html" sizes="16x16" type="image/png"> （1つのサイズ）
  • <link rel="icon" href="favicon.png.html" sizes="16x16 32x32" type="image/png"> （2つのサイズ）
any アイコンが拡張可能であることを指定します（SVG 画像など）。

例：

  • <link rel="icon" href="icon.svg.html" sizes="any" type="image/svg+xml"> （任意のサイズ）

HTML link 标签参考手册HTML <link> タグ その他の拡張