html5中time元素详解

一麦推文 · 发表于 2019-12-7 17:09:00

html5中time元素详解

一、总结

一句话总结：

time的使用的话主要是将时间放在datetime属性里面：<time datetime="2015-10-22">文章发表于2015年10月22日</time>

time作用主要是为了方便浏览器对时间数据的提取

1、HTML5中的 time元素微格式是什么？

HTML5中的微格式，是一种利用HTML5中的新标签（比如time标签）对网页添加附加信息的方法，附加信息例如新闻事件发生的日期和时间，文章发表的日期等。

2、HTML5中的微格式的作用是什么？

为了简化浏览器对数据的提取，方便搜索引擎的搜索.

3、html5中time微格式使用实例？

<time datetime="2015-10-22">文章发表于2015年10月22日</time>

用pubdate属性指明为文档的发布时间：<time datetime="2015-10-22" pubdate="pubdate">文章发表于2015年10月22日</time>

二、html5--2.7新的布局元素(4)-time

学习要点

了解微格式的概念
掌握time元素的用法

微格式的概念

HTML5中的微格式，是一种利用HTML5中的新标签对网页添加附加信息的方法，附加信息例如新闻事件发生的日期和时间，文章发表的日期等。
HTML5中的微格式是为了简化浏览器对数据的提取，方便搜索引擎的搜索.

time元素

time是HTML5新增的元素
time元素代表24小时中的某个时刻或某个日期，表示时刻时允许带时差。它可以定义很多格式的日期和时间
datetime属性中日期与时间之间要用"T"文字分隔，"T"表示时间。请注意倒数第二行，时间加上Z文字表示给机器编码时使用UTC标准时间，表示向机器编码另一地区时间，如果是编码本地时间，则不需要添加时差。
pubdate属性是个可选标签，加上它搜索引擎/浏览器就可以很方便的识别出那个日期是文章、新闻的发表日期。

time元素示例

&lttime datetime="2015-10-22"&gt2015年10月12日&lt/time&gt
&lttime datetime="2015-10-22T20:00"&gt2015年10月12日晚上8点&lt/time&gt
&lttime datetime="2015-10-22T20:00Z"&gt2015年10月12日晚上8点&lt/time&gt
&lttime datetime="2015-10-22T20:00+09:00"&gt美国时间2015年10月12日8点&lt/time&gt

实例

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 </head>
 7     <time datetime="2015-10-22">文章发表于2015年10月22日</time>
 8     <br>
 9     <time datetime="2015-10-22" pubdate="pubdate">文章发表于2015年10月22日</time>
10 <body>
11 </body>
12 </html>

View Code

html5中time元素详解

html5中time元素详解

一、总结

一句话总结：

time的使用的话主要是将时间放在datetime属性里面：<time datetime="2015-10-22">文章发表于2015年10月22日</time>

time作用主要是为了方便浏览器对时间数据的提取

1、HTML5中的 time元素微格式是什么？

HTML5中的微格式，是一种利用HTML5中的新标签（比如time标签）对网页添加附加信息的方法，附加信息例如新闻事件发生的日期和时间，文章发表的日期等。

2、HTML5中的微格式的作用是什么？

为了简化浏览器对数据的提取，方便搜索引擎的搜索.

3、html5中time微格式使用实例？

<time datetime="2015-10-22">文章发表于2015年10月22日</time>

用pubdate属性指明为文档的发布时间：<time datetime="2015-10-22" pubdate="pubdate">文章发表于2015年10月22日</time>

二、html5--2.7新的布局元素(4)-time

学习要点

实例

作者相关推荐

浏览过的版块

html5中time元素详解

html5中time元素详解

一、总结

一句话总结：

time的使用的话主要是将时间放在datetime属性里面：<time datetime="2015-10-22">文章发表于2015年10月22日</time>

time作用主要是为了方便浏览器对时间数据的提取

1、HTML5中的 time元素 微格式 是什么？

HTML5中的微格式，是一种利用HTML5中的新标签（比如time标签）对网页添加附加信息的方法，附加信息例如新闻事件发生的日期和时间，文章发表的日期等。

2、HTML5中的微格式的作用是什么？

为了简化浏览器对数据的提取，方便搜索引擎的搜索.

3、html5中time微格式使用实例？

<time datetime="2015-10-22">文章发表于2015年10月22日</time>

用pubdate属性指明为文档的发布时间：<time datetime="2015-10-22" pubdate="pubdate">文章发表于2015年10月22日</time>

二、html5--2.7新的布局元素(4)-time

学习要点

实例

浏览过的版块

1、HTML5中的 time元素微格式是什么？