<picture>
图像·声音·视频
按屏幕条件在几张图里挑一张。
| 怎么写 | <picture></picture> |
|---|---|
| 闭合标签 | </picture> |
| 空元素 | 不是 —— 必须闭合 |
| 常用属性 | 没有特别的 |
| 分类 | 图像·声音·视频 |
怎么看这一页
- 标签大多是开合成对的。只有 img、br 这种里面没内容的才不写闭合标签。
- 给空元素补一个 </br>，浏览器要么当没看见，要么给你多出一个空行。
- 长什么样由 CSS 说了算。标签说的是「这是什么」，加粗、倾斜只是随之而来的效果。
- 挑对语义的标签，搜索和读屏会一起变好。全用 div 包起来，这些信息就丢光了。
常见问题
Q. HTML 的 <picture> 标签是做什么的？
按屏幕条件在几张图里挑一张。
Q. <picture> 怎么写？
写成 <picture></picture> 这样。开合成对，<picture> 配 </picture>。
Q. <picture> 常配哪些属性？
这个标签没有特别常用的属性。所有标签共通的 class、id、style 照样能写。
Q. <picture> 属于哪一类？
属于图像·声音·视频这一类。