HTML <time> 标签作用
HTML5除了提出很炫的新效果以外还加强了语义化结构,其中这个time就是其中之一.用<time>来表示时间,并不是想要达到什么可见的效果,而是让网页的代码有条理,让机器——尤其是百度和谷歌的蜘蛛——能够理解你这个网页的意思。
1,<time>元素可以标注日期,时间或日期与时间的组合(日期格式是YYYY-MM-DD)
演唱会日期是<time>2015-11-12</time>
2,也可以使用任何格式来显示日期,只要在datetime属性中提供计算机能看懂得通用格式日期即可。
演唱会日期是<time datetime="2015-11-12 16:00">2015年11月12日下午4点<time>
3,在组合日期和时间的情况下,还可以添加后缀时区信息
//下面表示纽约时间下午4点(纽约在东五区,UTC-5:00)
演唱会日期是<time datetime="2015-11-12 16:00-05:00">2015年11月12日下午4点<time>
4,使用pubdate属性,表示这个时间是当前内容的发布日期(比如<time>所在的<article>)
发表日期:<time pubdate>2015-09-03<time>
<time>元素实例(www.169it.com)
如何定义时间和日期:
<p>我们在每天早上 <time>9:00</time> 开始营业。</p> <p>我在 <time datetime="2016-02-14">情人节</time> 有个约会。</p>
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
标签定义及使用说明
<time> 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。
该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。
HTML 4.01 与 HTML5之间的差异
<time> 标签是 HTML5 中的新标签。
属性
New:HTML5 中的新属性。
属性 | 值 | 描述 |
---|
datetimeNew | datetime | 规定日期/时间。另一种方式,则是由元素的内容给定日期/时间。 |
<time> 标签支持 HTML 的全局属性。
事件属性
<time> 标签支持 HTML 的事件属性。