: 插槽标签

最后更新：2026-09-12

<slot>插槽标签

在 Web Components 的影子 DOM 中定义“插槽”，标记可放置宿主内容的占位点；配合 name 可实现具名内容分发。

<slot name="title"></slot>

该元素支持全局属性及以下专有属性：

属性	值	描述
`name`		插槽名称，宿主用对应 slot="名称" 的内容填充；省略为默认插槽。

编辑下方代码，在 playground 中查看实时效果：

浏览器	Chrome	Edge	Firefox	Safari	Opera
<slot>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： slot 只在影子 DOM / Web Components 中起作用；普通页面直接使用没有任何分发效果。

更多案例即将上线，敬请期待。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。