Html 如何使用<;缩写>;显示日期(来自Facebook的示例)

Html 如何使用<;缩写>;显示日期(来自Facebook的示例),html,Html,为了显示帖子发布后经过的时间,Facebook使用以下标记: <abbr title="Martedì 28 luglio 2015 alle ore 15.44" data-utime="1438091078" data-shorten="1" class="_5ptz timestamp livetimestamp">18 min</abbr> 18分钟 我的问题:数据utime和数据缩短的目的是什么? 在Google中搜索这些

为了显示帖子发布后经过的时间,Facebook使用以下标记:

<abbr title="Martedì 28 luglio 2015 alle ore 15.44"
      data-utime="1438091078"
      data-shorten="1"
      class="_5ptz timestamp livetimestamp">18 min</abbr>
18分钟
我的问题:
数据utime
数据缩短的目的是什么?


在Google中搜索这些参数时,我看到一些页面在谈论JavaScript/JQuery:这些参数是否仅用于JavaScript?或者它们有其他用途?

我将简要介绍一下这里涉及的内容

元素
abbr
abbr
是一个有效的HTML5元素,它只有一个属性:
title
。至于:

HTML提供了一种简单、直接的方法来标记缩写 确保读者能够理解它们

还包括:

HTML缩写元素()标识缩写和 缩略语,帮助不熟悉缩略语的读者 并启用屏幕阅读软件(供视障用户使用) 适当地阅读课文。经验法则是,使用元素 只要可能

数据属性 HTML5允许使用不属于标准的属性扩展元素:

HTML5的设计考虑到了数据的可扩展性 与特定元素关联,但不需要定义任何 意思data-*属性允许我们在上存储额外信息 标准的语义HTML元素,没有其他缺陷,例如 类列表、非标准属性、DOM上的额外属性或 setUserData

因此,基本上,
data-utime
data-shorten
是Facebook和其他模块用来显示日期更详细描述的一种方式

更好地使用
正如一些人在评论中指出的那样,使用
abbr
来表示日期并不是100%正确的,因为在HTML5中,其他标签也可以用于此目的。他们本可以使用类似于:

Martedì28 luglio 2015 alle ore 15.44
因为它提供了更好的语义,并且实现了时间的详细版本,而不需要数据属性
数据utime
来提供机器可读的时间戳


显示在工具提示中还请记住,
标题
是。所以你也可以在时间里找到它。这样,您仍然可以在鼠标悬停时显示工具提示。

考虑到他们使用的是自定义数据属性,他们真的不应该使用HTML4惯用法Ok,这一点很清楚。我使用了这个解决方案:
{{order.daysAgo}}fa
,因为标签
time
本身不允许鼠标在日期上移动以查看精确格式化的日期。HTML5具有全局属性<代码>标题
是以下内容之一:。查看我的编辑:)
<time datetime="2015-07-28 15:44">Martedì 28 luglio 2015 alle ore 15.44</time>