表格整理

类别 名称 描述
区域
一块相对独立的部分
导航
文章、博客、评论、帖子
和其余页面内容几乎无关的部分
介绍性内容
页脚
主体（主要内容）
图例
插图「示例」
插图的描述，与
搭配「示例」
文字形式 日期和时间「示例」
高亮文本「示例」
注音「详情」「示例」
注音中的发音，与<ruby>搭配「示例」
浏览器不支持<ruby>时的显示内容「示例」
自动判断并使用正确的文字显示方向「详情」「示例」
优化英文单词换行「详情」
嵌入内容 嵌入多媒体「示例」
嵌入视频播放器「示例」
嵌入音频播放器「示例」
音视频的源地址「示例」
指定音视频的轨道
位图
矢量图
数学公式
表单 包含一组 option，作为其他表单的可选项「示例」
计算或用户操作的结果「示例」
进度条「示例」
计量条「示例」
交互元素
详细信息展示「示例」
综述，与
搭配使用「示例」

较复杂标签的示例

<figure>

点击查看【codepen】

<time>

点击查看【codepen】

<mark>

点击查看【codepen】

<ruby>

点击查看【codepen】

<bdi>

点击查看【codepen】

<embed>、<video>、<audio>

点击查看【codepen】

点击查看【codepen】

<output>

点击查看【codepen】

<progress>

点击查看【codepen】

<meter>

点击查看【codepen】

点击查看【codepen】

参考资料