HTML
The is
attribute is used to add special custom functionality to standard HTML tags.
is 属性
is
属性は、標準の HTML 要素に「この要素はカスタム要素として扱ってね」と教える目印です。
例えば <button is="fancy-button">OK</button>
と書くと、見た目は <button>
ですが、中身のふるまいは fancy-button
という JavaScript で定義したカスタム要素になります。つまり――
- 既存タグをそのまま使えるので、フォームやアクセシビリティの機能を失わない。
- 拡張したい機能だけを追加できるので、再利用しやすい。
- 対応ブラウザーはまだ限られる(Chrome 系は可、Firefox は未対応)ため、実運用時は代替手段も検討する。
要するに、「元のタグ+あたらしい動き」を両立させるための仕組みが is
属性です。