html - 正确的 HTML5 (+ schema.org) 标记文章的发布日期和位置

Question

HTML <time>元素表示 24 小时制时间或公历中的精确日期(带有可选的时间和时区信息)。

例如:

<q>All is quiet on <time datetime="2018-01-01 00:00">New Year's Day</time></q>

---

考虑到这一点，<time>似乎是给予文章发布日期和时间的明显标记:

<article itemscope itemtype="http://schema.org/Article">
<h2>Article Heading Here</h2>
<time datetime="2017-10-30" itemprop="datePublished">October 30th, 2017</time>
<p>Article Here</p>
</article>

---

不过，文章通常会在发布日期和时间的旁边给出报告位置。

但是对于 <time> 来说，声明的地理位置似乎是不合适的内容.

那么...如何最好地标记信息:

哈德斯菲尔德 • 2017 年 10 月 30 日

---

到目前为止，我最喜欢的方法是使用 HTML5 data-*元素，通过 CSS 显示 ::before伪元素:

工作示例:

time::before {
content: attr(data-location) '\00a0\00a0\2022\00a0\00a0';
}

<time datetime="2017-10-30" itemprop="datePublished" data-location="Huddersfield">October 30th, 2017</time>

但是是否有更语义化的方法(使用 schema.org 微数据等)？

Answer 1

作为 dateline通常用于新闻文章，Schema.org 定义了一个 dateline仅适用于 NewsArticle 的属性(property)(它是 Article 的子类型):

A dateline is a brief piece of text included in news articles that describes where and when the story was written or filed though the date is often omitted. Sometimes only a placename is provided.

它需要一个文本值。

微数据中的例子

日期线由地名和日期组成(假设出版日期是“撰写或归档故事的时间”):

<p itemprop="dateline">
  Huddersfield • <time datetime="2017-10-30" itemprop="datePublished">October 30th, 2017</time>
</p>

日期线仅包含地名:

<p>
  <span itemprop="dateline">Huddersfield</span> • <time datetime="2017-10-30" itemprop="datePublished">October 30th, 2017</time>
</p>