HTML5中加亮文本的标签,HTML5 新增文本标签

一、mark 标记文本

标签定义带有记号的文本，表示页面中需要突出显示或高亮显示的信息。

通常在引用原文的时候使用 mark 元素，目的是引起当前用户的注意。

语法格式：

床前明月光

二、progress 进度信息

标签来标识任务的进度。这个进度可以 是不确定的，表示进度正在进行，不清楚还有多少进度没有完成，也可以用 0 到 某个最大数字(如100)之间的数字来表示进度完成情况。

语法：

有以下两个新增属性：

1、max：定义任务一共需要多少工作。可以不指定

2、value：定义以及完成多少任务。

Tips：value 的值必须大于0，小于或等于 max 的值，max的值必须大于0。

三、meter 刻度信息

标签定义已知范围或分数值内的标量，进度。例如：磁盘用量，查询结果的相关性等。

语法：

常用属性如下：

属性名

说明

value

在元素中特别标示出来的实际值，默认为0，可以指定一个浮点小数值

min

设置规定范围时，允许使用的最小值，默认为0，设定的值不能小于0

max

设置规定范围时，允许使用的最大值。如果设定时，该属性值小于min属性的值，那么把min属性值视为最大值，默认为1

low

设置范围的下限值，必须小于或等于 hight 属性的值。同样，如果low 属性值小于 min属性的值，那么 把 min 属性的值视为 low 属性的值

high

设置范围的上限值，如果该属性值大于 max 的值，那么把max属性的值视为 hight 属性的值；如果该属性值小于 low 的值，那么把low 属性的值视为 hight 属性的值

optimum

设置最佳值，必须在 min 属性和 max 属性值之间，可以大于 hight 属性值

form

设置 meter 元素所属的一个或多个表单

四、time 时间信息

标签定义公历的时间(24小时制)或日期，时间和时区偏移是可选的。该元素能够以机器可读的方式对日期和时间进行编码。

语法：

我的生日

time 标签包含2个属性：

datetime：定义日期和时间，否则由元素的内容给定日期和时间。

pubdate：定义 time 标签中的日期和实际是文档或 标签的发布日期，为一个可选的布尔值属性。

案例：

我的生日

我的生日

datetime 属性中日期与时间之间要用 “T” 文字分隔，“T” 表示时间。

时间加上 Z 文字表示给机器编码时使用 UTC 标准时间，第二行加上了时差，表示向机器编码另一地区时间，如果是编码本地时间，则不需要添加时差。

五、 address 联系文本

标签定义文档或文章的作者、拥有者的练习信息。其包含文本通常显示为斜体。

语法：

如果

标签位于 标签内，表示文档联系信息。

如果

标签位于 标签内，表示文章的联系信息。

还可以用来描述电子邮箱或真实地址，也可用来描述与文章相关的联系人的所有联系信息。

六、bdi 隔离文本

标签允许设置一段文本，使其脱离其父元素的文本方向设置。

语法：

• 用户 admin:70分

Tips：目前，只有 Firefox 和 Chrome 浏览器支持此标签。

七、wbr 换行断点

标签定义在文本中的何处适合添加换行符。如果单词太长，或者担心浏览器会在错误的位置换行，那么可以使用此标签来添加单词换行点，避免浏览器随意换行。

语法：

本站旧地址：http://www.old_site.com/,新地址为：http://www.new_site.com/

八、ruby 文本注释

标签可以定义 ruby 注释，即中文注音或字符。 需要与 标签或 标签一同使用， 标签和 标签必须位于 标签内。

案例：

少shao 小 xiao 离 li 家 jia 老 lao 大 da 回 hui

标签定义字符(中文注音或字符)的解释或发音。

标签定义当浏览器不支持 ruby 元素的显示内容。