<attr>和<dfn>之间的区别

Question

两者之间在语义上有什么区别

<abbr title="Hubble Space Telescope">HST</abbr>

和

<dfn title="Hubble Space Telescope">HST</dfn>

和

<dfn><abbr title="Hubble Space Telescope">HST</abbr></dfn>

Mozilla documentation试图解释，但不是很清楚。

这三个都是有效的标记（第三个在链接的示例中明确列出），因此它们可能具有不同的语义。他们是什么？

Answer 1

TL; DR：要更好地理解示例的语义，您必须仅在dfn的祖先上下文中查看其用法。

个人在处理语义标记时面临的一个普遍理解问题是忘记了其基本意图是提出Semantic Web，这将被各种人工智能，可访问性系统，潜伏者等理解。

有人问Google / Siri / Cortana“ HST 代表代表什么？”或“ 什么是哈勃空间”望远镜？”将很高兴您使用abbr和dfn的适当组合来获得有价值的答案。

p 元素表示在其祖先（dt，dd，section或<p>A <dfn>telescope</dfn> is an optical instrument meant to observe distant object.</p> 中定义的术语）

abbr

The dfn Element. Mozilla.

<p>The <abbr>HST</abbr> is named after astronomer Edwin Hubble.</p> <p>The <abbr title="Hubble Space Telescope">HST</abbr> is named after astronomer Edwin Hubble.</p> 元素代表一个缩写，不必定义。

abbr

The abbr Element. Mozilla.

dfn 和 p 元素可以代表一个缩写，定义在其祖先（dt，{{ 1}}，dd或section）。

<p>The <dfn><abbr title="Hubble Space Telescope">HST</abbr></dfn> is a space telescope launched into low Earth orbit in 1990.</p>

---

我希望这会有所帮助；如有其他疑问，请不要犹豫！

Answer 2

使用标记时，应始终使用title属性，该属性指示缩写或首字母缩写的含义。

abbr { 
  display: inline;
}

如果您使用的是不熟悉或不寻常的缩写，则可能需要考虑包含<dfn>元素，以便提供有关单词或短语的其他信息。

dfn {
  font-style: italic;
}