--- id: 587d778c367417b2b2512aa9 title: 使用 HTML5 的 datatime 属性标准化时间 challengeType: 0 videoUrl: 'https://scrimba.com/c/cmzMgtz' forumTopicId: 301025 dashedName: standardize-times-with-the-html5-datetime-attribute --- # --description-- 继续日期主题。 HTML5 还引入了 `time` 标签与 `datetime` 属性来标准化时间。 这是一个行内元素，用于在页面中呈现日期或时间， 而 `datetime` 属性用于设置日期的格式。 辅助设备可以获取这个值。 即使在文本中以非正式的方式或学术方式撰写，它也有助于避免混乱，因为它规定了时间的标准化版本。 举个例子： `

Master Camper Cat officiated the cage match between Goro and Scorpion , which ended in a draw.

` # --instructions-- Camper Cat 的比武大会的时间确定了！ 用 `time` 标签包裹文本 `Thursday, September 15th`，添加一个 `datetime` 属性，将属性值设置为 `2016-09-15`。 # --hints-- 应存在一个内容文本为 `Thank you to everyone for responding to Master Camper Cat's survey.` 的 `p` 元素和一个 `time` 元素。 ```js assert(timeElement.length); ``` `time` 元素的内容文本应为 `Thursday, September 15th`。 ```js assert( timeElement.length && $(timeElement).html().trim() === 'Thursday, September 15th' ); ``` `time` 元素应包含非空的 `datetime` 属性。 ```js assert(datetimeAttr && datetimeAttr.length); ``` `datetime` 的属性值应为 `2016-09-15`。 ```js assert(datetimeAttr === '2016-09-15'); ``` # --seed-- ## --after-user-code-- ```html ``` ## --seed-contents-- ```html

Tournaments

Mortal Kombat Tournament Survey Results

Thank you to everyone for responding to Master Camper Cat's survey. The best day to host the vaunted Mortal Kombat tournament is Thursday, September 15th. May the best ninja win!

Comments:

Posted by: Sub-Zero on

Johnny Cage better be there, I'll finish him!

Posted by: Doge on

Wow, much combat, so mortal.

Posted by: The Grim Reaper on

Looks like I'll be busy that day.

© 2018 Camper Cat
``` # --solutions-- ```html

Tournaments

Mortal Kombat Tournament Survey Results

Thank you to everyone for responding to Master Camper Cat's survey. The best day to host the vaunted Mortal Kombat tournament is . May the best ninja win!

Comments:

Posted by: Sub-Zero on

Johnny Cage better be there, I'll finish him!

Posted by: Doge on

Wow, much combat, so mortal.

Posted by: The Grim Reaper on

Looks like I'll be busy that day.

```