html5的日期时间标签time有什么用?

作者:前端大神~ | 时间:2019-05-14

html5 <time>标签是一个用来定义日期和时间的标签,它具体有什么作用呢?下面我就为大家详细讲解下。

定义和用法

html5 <time>标签定义一个日期/时间

从文档结构方面来看,可以更清晰明了的表示出日期时间,同时对搜索引擎来说也能够更智能的生成搜索结果。

time的属性

属性描述
datetimeNewdatetime定义元素的日期和时间。如果未定义该属性,则必须在元素的内容中规定日期或时间。
pubdatedatetime指示 <time> 元素中的日期 / 时间是文档(或最近的前辈 <article> 元素)的发布日期,可选值为pubdate

实例代码

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>我有答案(http://www.woyoudaan.cn/)</title> 
</head>
<body>

<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
<p>我在 <time datetime="2016-02-14">情人节</time> 有个约会。</p>
<p><strong>注意:</strong>Internet Explorer 8 及更早版本不支持  time 标签。</p>


</body>
</html>

显示效果:

html5的日期时间标签time有什么用?

浏览器支持

除了Internet Explorer 8 及更早版本不支持 time 标签,其它大多数浏览器都支持html5 <time>标签。


通过上面的讲解,你知道html5的日期时间标签time有什么用了吗?