其他功能标签

h5 实现拼音效果

<!-- ruby:定义 ruby 注释（中文注音或字符）。 -->
<!-- rt: 定义字符（中文注音或字符）的解释或发音。 -->
   <ruby>
      阿<rt>a</rt>
      离<rt>li</rt>
      王<rt>wang</rt>
      带<rt>dai</rt>
      你<rt>ni</rt>
      学<rt>xue</rt>
      习<rt>xi</rt>
      前<rt>qian</rt>
      端<rt>duan</rt>
    </ruby>

设置可编辑标签

contenteditable 属性设置标签是否可编辑

注意：如果元素未设置 contenteditable 属性，那么元素会从其父元素继承该属性。

<p contenteditable="true">我是p段落，可是我也能编辑</p>

折叠列表

<details> 标签用于描述文档或文档某个部分的细节。

open属性定义details折叠信息一开始是否可见。

<summary> 标签包含 details 元素的标题。

<details>和<summary>目前只支持Chrome和Safari，兼容性低。

<details open="open">
  <summary>关于你中奖的秘密</summary>
  <p>想太多了</p>
  <p>哈哈哈</p>
</details>