オンラインツール

リファレンスマニュアル

: <progress> タグ

HTML link sizes 属性

link Sizes属性は視覚メディアアイコンのサイズを指定し、rel =“ icon”の時にのみこの属性を使用します。

オンラインサンプル

指定linkアイコンのサイズ：

サンプル
<!DOCTYPE　html
<html
<head　-　<title>HTML:<link>　sizes　属性3基本チュートリアルウェブ(w/codebox.com)<
title>/<link　rel="icon"　href="haha.gif"　type="image16x16">
<body
<h2>Hello　world!</h2>
</body>
</html>

テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

現在、主流のブラウザでは sizes 属性がほとんどサポートされていません。

定義と用法

link Sizes属性は視覚メディアアイコンのサイズを指定します。

rel =" icon"の時にのみこの属性を使用します。

HTML 4.01 と HTML5の違い

sizes 属性は HTML5 で追加された属性。

文法

<link sizes="HeightxWidth|any">

属性値

値	説明
HeightxWidth	リンクされたアイコンのサイズを1つまたは複数指定します。高さと幅は「x」または「X」で区切られます。例s: <link rel="icon" href="favicon.png" sizes="16x16" type="image/png"> （1 のサイズ） <link rel="icon" href="favicon.png" sizes="16x16 32x32" type="image/png"> （2 のサイズ）
any	アイコンが拡張可能であることを指定します（例えば SVG イメージ）。例： <link rel="icon" href="icon.svg" sizes="any" type="image/svg+xml"> （どんなサイズでも）

　HTML <link> タグ

HTML: <template> タグ