进击的 HTML5

HTML5 提供了哪些便利呢？

简单列举有：

• 用于绘画的 canvas 元素
• 用于媒介播放的 video 和 audio 元素
• 对本地离线存储更好的支持（localStorage、sessionStorage）
• 新的语义化标签（article、footer、header、nav、section...）
• 新的表单控件（calendar、date、time、email、url、search...）

可交互性标签

除了这些常规的之外，还有以下一些可交互性标签

给汉字加拼音

<ruby>
  前端开发核心知识进阶
  <rt> qianduankaifahexinzhishijinjie </rt>
</ruby>

展开收起组件

<details>
  <summary>前端开发核心知识进阶</summary>
  前端领域，入门相对简单，可是想要「更上一层楼」却难上加难，也就是我们常说的「职业天花板较低」，
  君不见——市场上高级/资深前端工程师凤毛麟角。这当然未必完全是坏事，一旦突破瓶颈，在技能上脱颖而出，
  便是更广阔的空间。那么，如何从夯实基础到突破瓶颈？
</details>

原生进度条和度量，progress 标签显示进度

WARNING

值得一提的是：progress 不适合用来表示度量衡，如果想表示度量衡，应该使用 meter 标签代替

以往要实现这样的内容，都必须依靠 JavaScript 实现，现在来看，HTML 也变得更加具有「可交互性」