time 字面理解为“时间”，在html5中用于定义元素的时间、日期或者日期时间。
该元素是对日期时间的一种指定，从文档结构方面来看，可以更清晰明了的表示出日期时间，同时对搜索引擎来说也能够更智能的生成搜索结果。
time的属性有两个：
datetime，定义元素的日期和时间。如果未定义该属性，则必须在元素的内容中规定日期或时间。
pubdate，指示 <time>元素中的日期 / 时间是文档（或最近的前辈 <article>元素）的发布日期，可选值为pubdate
从上面的两种属性可以看出，其实它有两个功用，一是用于指定元素的日期时间，二是附加功用，用于指定这个时间是文档的发布时间。
情景一：
指定元素的日期时间
<p>今天是<time>2012-5-6</time>
</p>
<p>
<time datetime="2012-5-6">今天</time>传说会有个超级月亮
</p>
情景二
用于指定文档的发布时间
<!doctype html>
<title>html5 time 示例二 html5zhan.com</title>
<article>
<h2>超级月亮</h2>
这里是文章内容，省略一万字......
<time datetime="2012-05-05" pubdate="pubdate"></time>
</article>
首先你要搞清楚一个概念，HTML并不是用来写页面样式的，而是用来表示一个网页的基本架构的，样式用CSS来实现HTML5除了提出很炫的新效果以外还加强了语义化结构，其中这个time就是其中之一
用<time>来表示时间，并不是想要达到什么可见的效果，而是让网页的代码有条理，让机器——尤其是百度和谷歌的蜘蛛——能够理解你这个网页的意思。
HTML5新增的还有article、nav、header、footer.....等等等，其实现实效果都是和div一样没有效果，但是合理使用却能让页面结构更加清晰有逻辑
看来你被“DIV+CSS”这句哄人的话误导了。当年我也被误导了好几年，以前我做网站从头到尾就只有div，直到后来被一位老人家数落了一顿才觉悟，div是不能滥用的，只能用来做整体的布局，细节部分还是要用其他标签，一方面程序可读性和维护性加强，另一方面，可以用下级选择器来写样式，减少了class和id的命名，可以精简网页的结构；而且语义化结构 有条理才能让搜索引擎更加友好
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）