<template>: The Content Template element
8 months ago
- #HTML
- #Web Development
- #Shadow DOM
- `<template>` HTML元素用于保存HTML片段，以便后续通过JavaScript使用或直接生成到影子DOM中。
- 属性包括`shadowrootmode`（取值：`open`、`closed`）、`shadowrootclonable`、`shadowrootdelegatesfocus`以及实验性的`shadowrootserializable`。
- 使用说明强调`<template>`内容默认不会渲染，必须通过`content`属性访问。
- 示例包括动态生成表格行，以及通过焦点委托实现声明式影子DOM。
- 避免在`DocumentFragment`上直接添加事件处理程序，应绑定到子元素。
- 技术摘要涵盖内容类别、允许内容、DOM接口（`HTMLTemplateElement`）和ARIA角色。
- 最后提及浏览器兼容性及相关资源（如插槽、影子DOM和CSS作用域）。