HTML5学习系列之实用性标记

HTML5学习系列之实用性标记

• 前言
• 实用性标记
• • 高亮显示
  • 进度
  • 刻度
  • 时间
  • 联系信息
  • 显示方向
  • 换行断点
  • 标注
• 总结

---

前言

学习记录

---

实用性标记

高亮显示

mark元素可以进行高亮显示。

<p><mark>我感冒了</mark></p>

进度

progress指示某项任务的完成进度。

<p>实际进度：<progress max="100" value="35">35%<progress></p>

刻度

meter类似progress

<p>实际进度：<meter max="100" value="35">35%<meter></p>

从实际代码出来的效果看，meter和progress几乎就是一样的。

时间

time元素标记时间。datetime可以指定时间格式。

<p><time>9：00</time></p>
<p><time datetime="2018-02-14">情人节</time></p>

联系信息

address具体标识哪一种信息。

显示方向

bdo和bdi表示书写的顺序。

换行断点

br中引入wbr，表示可换行处。

标注

rt和rp用于在内容添加旁注标记的机制。

---

总结

学习记录。

又是各种标记的学习。