一、<bdo>双向文本代替元素
这是一个从左向右的文本！
这是一个从右向左的文本！
二、<bdi>双向隔离元素
这是一个从右向左的文本！ (括号内文本为从左向右)
三、<details>详细信息展现元素
示例1
这是示例标题或摘要内容
这是示例的详情内容。默认不显示该内容，点击 summary 标签后显示该内容。示例2 不包含子元素<summary>的示例：
这是不包含子元素<summary>示例的详情内容。
当<details>标签下不包含<summary>标签时会自动生成一个标题。
示例3 toggle事件示例
<details>标签示例
这是<details>示例详情内容，点击打开或者关闭都会触发 toogle 事件。
示例4 <details>标签嵌套使用示例
这是一级
这是二级
这是三级
<details>标签可以嵌套使用，可以用来做树状结构组件。四、<map>图像映射元素
<map>元素需要配合<area>和<img>元素一起使用，具体示例效果查看下一条。
五、<area>图像映射区域元素
六、<dialog>对话框元素
七、<output>输出元素
示例1 两个数字相加
示例2 <output>元素不在<form>表单下的情况
上面计算结果如下：
八、<meter>度量元素
将考试成绩划分为[0 - 60]、[60 - 90]和[90 - 100]三个区间，最优区间为[90 - 100]
将环境温度划分为[0 - 24]、[24 - 28]和[28 - 45]三个区间，当人处在中间温度时感觉最舒适。
将犯错误数量划分为[0 - 5]、[5 - 10]和[10 - 20]三个区间，当所犯错误数量少于5个时为最优，犯错数量在10到20个为最差。
九、<progress>进度指示器元素
示例1 显示百分比为70的进度条
示例2 作为一种loading的加载状态条使用
十、<datalist>数据列表元素
示例1 与文本输入框配合使用
示例2 与日期和时间控件配合使用
示例3 与范围选择控件配合使用
示例4 与颜色选择控件配合使用