<slot>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨январь 2020 г.⁩.

HTML-элемент <slot> является частью набора технологии Web Components, является заполнителем внутри веб компонента, который можно заполнить собственной разметкой, которая позволяет создавать отдельные деревья DOM и представлять их вместе.

Категории контента	Поток контента, содержание формулировки
Допустимое содержимое	Прозрачный
События	`slotchange`
Пропуск тегов	Нет, открывающий и закрывающий теги обязательны.
Допустимые родители	Любой элемент, который принимаетсодержание формулировки
Допустимые ARIA-роли	Нет
DOM-интерфейс	`HTMLSlotElement`

Атрибуты

Этот элемент включает в себя глобальные атрибуты.

name: Название слота.Именованный слот это элемент <slot> с атрибутом name.

Примеры

html

<template id="element-details-template">
 <style>
 details {
 font-family: "Open Sans Light", Helvetica, Arial, sans-serif;
 }
 .name {
 font-weight: bold;
 color: #217ac0;
 font-size: 120%;
 }
 h4 {
 margin: 10px 0 -8px 0;
 background: #217ac0;
 color: white;
 padding: 2px 6px;
 border: 1px solid #cee9f9;
 border-radius: 4px;
 }
 .attributes {
 margin-left: 22px;
 font-size: 90%;
 }
 .attributes p {
 margin-left: 16px;
 font-style: italic;
 }
 </style>
 <details>
 <summary>
 <code class="name"
 >&lt;<slot name="element-name">NEED NAME</slot>&gt;</code
 >
 <i class="desc"><slot name="description">NEED DESCRIPTION</slot></i>
 </summary>
 <div class="attributes">
 <h4>Attributes</h4>
 <slot name="attributes"><p>None</p></slot>
 </div>
 </details>
 <hr />
</template>

Примечание: Вы можете увидеть этот полный пример в действии на странице element-details (смотрите его в режиме реального времени). Кроме того, вы можете найти в разделе Использование шаблонов и слотов.

Спецификации

Specification
HTML # the-slot-element
DOM # shadow-tree-slots

Совместимость с браузерами

Help improve MDN

Learn how to contribute

This page was last modified on ⁨15 апр. 2025 г.⁩ by MDN contributors.

View this page on GitHub • Report a problem with this content