百科狗-知识改变命运!

- 日期时间 - html5 内联文本语义

百变鹏仔2年前 (2023-11-21)阅读数 18#技术干货
文章标签元素

版本:HTML5

标签用来表示24小时制时间或者公历日期,若表示日期则也可包含时间和时区。

浏览器支持

所有浏览器都支持

示例

我们在每天早上 9:00 开始营业。

我在 情人节 有个约会。

效果:

我们在每天早上9:00开始营业。

我在情人节有个约会。

标签定义及使用说明

  • 标签定义公历的24小时制时间或者公历日期,若表示日期则也可包含时间和时区。
  • 该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。
  • 此元素意在以机器可读的格式表示日期和时间。有安排日程表功能的应用可以利用这一点。注意:如果给定的日期不是正常日期或者在公历中最早的日期之前,请不要使用此元素。
内容分类flow content,段落内容元素
可包含内容段落内容元素,但不能包含子time元素。
标签可省略?起止标签均不能省略。
允许的父元素任何接受 段落内容元素 的元素。
标准文档HTML5, section 4.6.10

HTML 4.01 与 HTML 5 之间的差异

标签是 HTML 5 中的新标签。

属性

New:HTML5 中的新属性。

像所有其他元素一样,此元素拥有可以使用通用属性。

datetime该属性表示此元素的时间和日期,并且属性值必须是一个有效的日期格式,并可包含时间。如果此值不能被解析为日期,元素不会有一个关联的时间戳。如果未定义该属性,则必须在元素的内容中规定日期或时间。

全局属性

标签支持HTML 的全局属性。

事件属性

标签支持HTML 的事件属性。

例子

如何定义时间和日期:

we open at 10:00 every morning.

i have a date on valentines day.

we open at 10:00 every morning.

i have a date on valentines day.

the concert starts at 20:00.

上面的HTML会显示:

the concert starts at 20:00.

pubdate示例

 - 日期时间 - html5 内联文本语义

  

this article was created on 2011-01-28.

上面的HTML会显示:

this article was created on 2011-01-28.

datetime示例

the concert took place on may 15.

上面的HTML会显示:

the concert took place on may 15.

内容声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。部分内容参考包括:(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供参考使用,不准确地方联系删除处理!本站为非盈利性质站点,本着为中国教育事业出一份力,发布内容不收取任何费用也不接任何广告!)
{if $zbp->Config('yd1125')->foot}