<slot>要素の定義
英語で「溝」を表す”slot”より。
ウェブコンポーネント内で別な DOM ツリーを構築し、いっしょに表示することができる独自のマークアップを入れることができるプレイスホルダーです。
子要素として使えるもの
透過的コンテンツ
親要素として使えるもの
記述コンテンツを受け入れるすべての要素。
許可されているARIAロール
なし
DOMインターフェース
HTMLSlotElement
属性
グローバル属性が指定できます。
name
スロットの名称を表します。
サンプル
See the Pen テンプレートとスロット by Masahiko Iwakiri (@m-iwakiri) on CodePen.
このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs： https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
コメント