如何在 HTML5 中实现 Acronym 之类的东西？答案

【问题标题】：How does one implement something like Acronym in HTML5?如何在 HTML5 中实现 Acronym 之类的东西？
【发布时间】：2010-10-05 19:20:35
【问题描述】：

鉴于acronym 在 HTML 5 中被删除，如何获得具有类似功能的标准支持？其他所有被移除的标签看起来 CSS 都可以做到，但那个标签似乎被完全移除了……

【问题讨论】：

标签： html abbr

【解决方案1】：

<abbr> 已成为 repurposed 的缩写和首字母缩略词：

abbr 元素表示缩写或首字母缩略词，可以选择扩展。

如果你想明确你的语义，也许添加class="acronym" 就可以了。我认为这是你能做到的，尽管我应该补充一点，class 没有任何实际的语义价值。

【讨论】：

你怎么能做 acronym 对 CSS 的作用？
嗯，再想一想，我猜不是因为<acronym> 不是纯粹的表现元素。如果你想要非常语义化，一个类仍然很有用。
@Billy: HTML 4 中的<acronym> 除了表明作者认为内容是首字母缩写词之外，没有“做”任何事情。我相信它已从 HTML5 中删除，因为大多数人不理解首字母缩略词是什么。（根据我 Mac 上的 Dictionary 的说法，根据记录，它是“由其他单词（例如雷达、激光）的首字母组成的单词”。我认为很多人将它用于 HTML 之类的东西，这实际上是- 再次，根据我 Mac 上的字典 - 首字母缩写词。）
@Paul：当有人用鼠标悬停在 acronym'ed 内容上时，它还会导致鼠标悬停在其上时显示工具提示。
@Billy：不是<acronym> 标记导致显示工具提示，而是标记上存在title 属性，例如<abbr title="This text will be displayed in a tooltip by most browsers">。这几乎适用于任何标签。

【解决方案2】：

我以为<abbr> 替换了<acronym>？

【讨论】：

【解决方案3】：

您能否准确说明您要使其看起来像什么？ <acronym> 的默认样式因浏览器而异。例如，Opera 使用虚线下划线，而 Chrome 并没有全部设置样式。您是否尝试模拟特定浏览器的默认样式？

但是，如果您指的是鼠标悬停时出现的工具提示样式消息，您应该能够在 <abbr> 中使用与以前相同的属性：title="your acronym's definition"。

【讨论】：

【解决方案4】：

acronym 元素被折叠到 abbr 元素中，因为

【讨论】：