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

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

【问题讨论】:

  • 什么是“标准支持”? HTML5 是一个标准。如果您关注它,请使用 <abbr> 标记来表示所有缩写。
  • @Paul:我写这个问题的时候不知道abbr

标签: 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>

http://www.html-5.com/tags/abbr-tag/

【讨论】:

    【解决方案3】:

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

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

    【讨论】:

      【解决方案4】:

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

      1. 大多数 HTML 作者不知道首字母缩写词和缩写词之间的区别,因此错误地使用了它们并且
      2. 对于这两个元素的用例,首字母缩写词和缩写词之间的区别无论如何都无关紧要。

      【讨论】:

      • 除了 IE6 不支持 abbr :( 还好我们不再支持 IE6 了!:)
      • @Billy:IE6 也不支持 HTML5 :)
      猜你喜欢
      • 2014-03-21
      • 2020-11-03
      • 1970-01-01
      • 2012-05-26
      • 1970-01-01
      • 1970-01-01
      • 2019-09-09
      • 2016-03-30
      • 2019-11-21
      相关资源
      最近更新 更多