点击这里给我发消息 点击这里给我发消息

HTML 5与CSS 3权威指南:time元素与微格式

添加时间:2013-12-6
    相关阅读: 企业邮箱 网页 HTML CSS
 

3.1.5   time元素与微格式

首先来说一下微格式,它是一种利用HTML的class属性来对网页添加附加信息的方法,附加信息例如新闻事件发生的日期和时间、个人电话号码、企业邮箱等。

微格式并不是在HTML 5之后才有的,在HTML 5之前它就和HTML结合使用了,但是在使用过程中发现在日期和时间的机器编码上出现了一些问题,编码过程中会产生一些歧义。HTML 5增加了一种新的元素来无歧义地、明确地对机器的日期和时间进行编码,并且以让人易读的方式来展现它。这个元素就是time元素。

time元素代表24小时中的某个时刻或某个日期,表示时刻时允许带时差。它可以定义很多格式的日期和时间,如下所示:

  <time datetime="2010-11-13">2010年11月13日</time>

  <time datetime="2010-11-13">11月13日</time>

  <time datetime="2010-11-13">我的生日</time>

  <time datetime="2010-11-13T20:00">我生日的晚上8点</time>

  <time datetime="2010-11-13T20:00Z">我生日的晚上8点</time>

  <time datetime="2010-11-13T20:00+09:00">我生日的晚上8点的美国时间</time>

编码时机器读到的部分在datetime属性里,而元素的开始标记与结束标记中间的部分是显示在网页上的。datetime属性中日期与时间之间要用"T"文字分隔,"T"表示时间。请注意倒数第二行,时间加上Z文字表示给机器编码时使用UTC标准时间,倒数第一行则加上了时差,表示向机器编码另一地区时间,如果是编码本地时间,则不需要添加时差。

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册