<portal>: ポータル要素

この要素にはグローバル属性があります。

referrerpolicy

リファラーポリシーを設定します。これは、 src 属性の値で指定された URL のページをリクエストする際に使用されます。

src

埋め込むページの URL です。

以下の例は https://example.com のコンテンツをプレビューとして埋め込みます。

<portal id="exampleportal" src="https://example.com/"></portal>

<portal> が表示するプレビューは、操作が可能ではないため、入力イベントやフォーカスを受けません。そのため、ポータルの埋め込みコンテンツは、アクセシビリティツリーの要素として公開されません。ポータルは、ボタンのように移動してアクティブにすることができ、クリックしたときの既定の動作は、ポータルを有効にすることです。

ポータルには、埋め込まれたページのタイトルが既定のラベルが与えられます。タイトルがない場合は、プレビューで表示されるテキストが結合されてラベルが作成されます。aria-label 属性を使用すると、これを上書きすることができます。

事前レンダリングのためにポータルを使用する場合は、 HTML の hidden 属性または CSS の display プロパティの値を none にして非表示にしてください。

ポータルがアクティブ化している間にアニメーションを使用する場合は、 prefers-reduced-motion メディア特性を尊重してください。