blocking 属性潜在的にレンダリングブロッキングであるかどうかを指定する

要素が潜在的にレンダリングブロッキングであるかどうかを指定します。

link 要素に使用する場合、rel="modulepreload"rel="preload"rel="stylesheet" のいずれかが指定された場合にのみ使用可能です。

属性に指定可能な値は下記の通りですが、今後キーワードは増える可能性もあります。

キーワード 説明
render 潜在的にレンダリングブロッキングリソースであることを指定します。

blocking 属性の仕様

この属性を使用できる要素

blocking 属性のサンプルソース

<link rel="stylesheet" href="style.css" blocking="render" />

仕様書の該当箇所

2.5.8 Blocking attributes

用途から目的の要素を探す

用途から HTML5 の要素を逆引きできます。

テキストに対する意味づけを行いたい
テキストの編集を示したい
改行や折り返しを指定したい
上付きや下付きを指定したい
テキストの書字方向を制御したい
テキストにルビをふりたい
箇条書きなどリストを表したい
セクションを定義したい
コンテンツをグループ化したい
画像や映像などを埋め込みたい
スクリプトやスタイルを埋め込みたい
フォーム関連の要素
テーブル関連の要素
ドキュメントにメタデータを付与したい
インタラクティブな要素
その他

このページの上部へ