《HTML 5与CSS 3 权威指南(第4版·上册)》 —3.1.5 time元素与微格式

举报
华章计算机 发表于 2019/11/23 23:00:00 2019/11/23
【摘要】 本节书摘来自华章计算机《HTML 5与CSS 3 权威指南(第4版·上册)》一书中第3章,第3.1.5节,作者是陆凌牛。

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标准时间,倒数第一行则加上了时差,表示向机器编码另一地区时间,如果是编码本地时间,则不需要添加时差。


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。