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>
这个大概需要6个月-1年的的时间取决于你的学习时间了。可以选择线下和线上学习。两种途径各有优缺点。
当然现在也有很多在线H5制作工具平台,你不妨去看看 比如epub360, coolsiet360 , IH5之类的。就算没有基础也能做出作品的。