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:00time>p>
<p><time datetime="2018-02-14">情人节time>p>

联系信息

address具体标识哪一种信息。

显示方向

bdo和bdi表示书写的顺序。

换行断点

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

标注

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


总结

学习记录。
又是各种标记的学习。

你可能感兴趣的:(前端HTML,学习,html5,开发语言)