html5 time 有什么用?

html-css018

html5 time 有什么用?,第1张

time 字面理解为“时间”,在html5中用于定义元素的时间、日期或者日期时间。该元素是对日期时间的一种指定,从文档结构方面来看,可以更清晰明了的表示出日期时间,同时对搜索引擎来说也能够更智能的生成搜索结果。

time的属性有两个:

datetime,定义元素的日期和时间。如果未定义该属性,则必须在元素的内容中规定日期或时间。

pubdate,指示 <time>元素中的日期 / 时间是文档(或最近的前辈 <article>元素)的发布日期,可选值为pubdate。

从上面的两种属性可以看出,其实它有两个功用,一是用于指定元素的日期时间,二是附加功用,用于指定这个时间是文档的发布时间。

首先你要搞清楚一个概念,HTML并不是用来写页面样式的,而是用来表示一个网页的基本架构的,样式用CSS来实现

HTML5除了提出很炫的新效果以外还加强了语义化结构,其中这个time就是其中之一

用<time>来表示时间,并不是想要达到什么可见的效果,而是让网页的代码有条理,让机器——尤其是百度和谷歌的蜘蛛——能够理解你这个网页的意思。

HTML5新增的还有article、nav、header、footer.....等等等,其实现实效果都是和div一样没有效果,但是合理使用却能让页面结构更加清晰有逻辑

看来你被“DIV+CSS”这句哄人的话误导了。当年我也被误导了好几年,以前我做网站从头到尾就只有div,直到后来被一位老人家数落了一顿才觉悟,div是不能滥用的,只能用来做整体的布局,细节部分还是要用其他标签,一方面程序可读性和维护性加强,另一方面,可以用下级选择器来写样式,减少了class和id的命名,可以精简网页的结构;而且语义化结构 有条理才能让搜索引擎更加友好