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>
html5新增的一些语义话标签，可以使用比如头部可以使用header标签，导航nav，主体部分可以使用section，底部footer，中间文章article。
div，ul li标签都是使用比较频繁的标签，span，i,em可以对文字进行单独的描述，表示等。
<article>标签定义外部的内容，比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
<canvas>标签定义图形，比如图表和其他图像，这个 HTML 元素是为了客户端矢量图形而设计的。
它自己没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。
标签定义元素的细节，用户可进行查看，或通过点击进行隐藏与 <legend>一起使用，来制作 detail 的标题，该标题对用户是可见的，当在其上点击时可打开或关闭 detail。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）