Тег <portal>

Синтаксис

Описание

Тег <portal> (от англ. portal — портал) позволяет встроить другую HTML-страницу в текущую, чтобы обеспечить более плавную навигацию по новым страницам.

Элемент работает аналогично тегу <iframe>, позволяя веб-разработчикам вставлять удалённый контент на свои страницы.

Тег <portal> это более продвинутая и современная версия элемента <iframe>.

Самая главная разница в том, что <portal> позволяет перемещаться внутри контента, который внедрён на страницу извне, а <iframe> не позволяет этого по соображениям безопасности.

Важно!

Экспериментальная технология, ещё в разработке.

Атрибуты, которые можно использовать в теге <portal>, указаны ниже. Также тег поддерживает глобальные атрибуты и атрибуты события.

Атрибуты

Атрибут	Значение	Описание
referrerpolicy	no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url	Устанавливает политику реферера, которая будет использоваться при запросе страницы по URL-адресу, указанному в качестве значения атрибута src
src	URL-адрес	URL-адрес страницы для встраивания

Пример

HTML-код:

<!DOCTYPE html>

<head>

<title>Тег portal</title>

</head>

<body>

<portal src="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/portal"></portal>

</body>

</html>

Параметры CSS по умолчанию

Нет.

Поддержка браузера

Элемент	Chrome	Opera	Firefox	Safari	Microsoft Edge
<portal>	Нет	Нет	Нет	Нет	Нет

Элемент

Chrome

Opera

Firefox

Safari

Microsoft Edge

Нет