今天在用W3C检测网页的标签时,发现了一个<time>的html标签,虽然自己的博客模版上也用过这个html标签,但还是仔细的查找了关于它的一些文档说明,记录下来以备后用。

html <time> 标签

<time>:标签定义公历的时间(24小时制)或日期

语法:

<time>2019-11-19</time>

属性:

datetime:规定日期或时间。不定义则由元素的内容给定。

pubdate:指示 <time> 元素中的日期或时间是指文档或<article>的发布日期。

注:以上两种属性都属于 html5 中新增的属性

例:<time>标签指定一个时间或日期

HTML代码:

<p>请在<time>9:00</time> 之前打卡!</p>
<p>飞鸟慕鱼博客创建于<time>2016-11-11</time>,已经建站三年了!</p>
<!--使用 datetime 属性-->
<p>飞鸟慕鱼博客创建于<time datetime=“2016-11-11”>2016/11/11</time>,已经建站三年了!</p>

例:<time>标签指定文章或文档的发布日期

指定一篇文章或一个页面的发布日期,要用到 <time>标签的 pubdate 属性!

<!--使用 pubdate 精简的写法,看到网上很多人都这样写-->
<p>本页面修改于:<time pubdate>2019/11/18</time>,</p>
<!--使用 datetime 属性指定于具体的时间段,精确到秒-->
<p>本篇文章发布时间:<time datetime=“2016-11-11 21:35:25" pubdate="pubdate">2019/11/18</time>,</p>

<time>标签使用注意事项

1、<time> 标签和普通标签一样,不会在浏览器中呈现任务效果

2、所有的主流浏览器都不支持 <time> 标签

3、搜索引擎对 <time> 标签是友好的,(有待研究)