<slot>
脚本与样式
Web 组件里预留给外部内容的位置。
| 怎么写 | <slot></slot> |
|---|---|
| 闭合标签 | </slot> |
| 空元素 | 不是 —— 必须闭合 |
| 常用属性 | name |
| 分类 | 脚本与样式 |
怎么看这一页
- 标签大多是开合成对的。只有 img、br 这种里面没内容的才不写闭合标签。
- 给空元素补一个 </br>，浏览器要么当没看见，要么给你多出一个空行。
- 长什么样由 CSS 说了算。标签说的是「这是什么」，加粗、倾斜只是随之而来的效果。
- 挑对语义的标签，搜索和读屏会一起变好。全用 div 包起来，这些信息就丢光了。
常见问题
Q. HTML 的 <slot> 标签是做什么的？
Web 组件里预留给外部内容的位置。
Q. <slot> 怎么写？
写成 <slot></slot> 这样。开合成对，<slot> 配 </slot>。
Q. <slot> 常配哪些属性？
常和 name 一起用。
Q. <slot> 属于哪一类？
属于脚本与样式这一类。