我应该花时间将术语和缩写更改为<acronym>
and<abbr>
吗?值得使用吗?使用这两个标签的优点是什么?它对 SEO 和屏幕阅读器有用吗?
6 回答
请参阅W3C 规范。
例如<acronym lang="en" title="Radio Detection And Ranging">Radar</acronym>
或<abbr lang="en" title="Abbreviation">abbr.</abbr>
。
除非缩写不为人所知或您编造的东西或存在一些歧义,否则使用这些标签可能没有或几乎没有 SEO 好处。例如,在一篇关于Linux Loader LILO 的文章中,您可能需要指定<acronym title="Linux Loader">LILO</acronym>
以避免与Last In, Last Out混淆。
任何可访问性优势只存在于目标受众不熟悉的那些首字母缩略词和缩写词。例如,拥有它几乎没有意义<abbr lang="en" title="Mister">Mr.</abbr>
(WCAG checkpoint 4.2不同意我的观点。还要注意,我没有在我的帖子中提供 WCAG 的扩展)。
另一方面,如果您不使用 IMF 来指代国际货币基金组织,则使用<acronym lang="en" title="Impossible Mission Force">IMF</acronym>
.
现在,如果您还想在同一份文件中使用 IMF 来表示国际货币基金组织,会发生什么?
文章The Accessibility Hat Trick: Getting Abbreviations Right也可能有用。
有趣的掘金:
结构性的断言
abbr
是错误的,因为标签的重点是其标题属性的内容。...
在 [XHTML] 版本 2 中,该
acronym
元素已被弃用,因此我们现在将 abbr 元素用于所有缩短的表单。
第一次在网站的某个部分使用首字母缩写词或缩写词时,应使用abbr
. 这是一个例子:
I visit <abbr title="Stack Overflow">SO</abbr>, and so should you.
这很有用,原因有很多:
- 屏幕阅读器可以阅读未缩写的术语
- 将光标悬停在该术语上的用户可以看到未缩写的术语
- 这可以与 CSS 样式结合以暗示该术语是缩写(某些浏览器会自动执行此操作)
- 搜索引擎更有可能理解该术语的上下文
你应该使用abbr
吗?
我建议将abbr
其用于长期文档,例如帮助页面。在这里,清晰很重要,值得多花几分钟在您的内容中添加abbr
标签。
对于像博客文章这样的期刊,您可能可以跳过abbr
. 很有可能,如果您使用晦涩的缩写,无论如何您都会在文本中解释它。通过输入 HTML 标签来停止您的创作过程是没有意义的。
避免acronym
如果您打算使用acronym
或abbr
完全使用,您可以考虑仅使用abbr
. 首字母缩略词是一种缩写形式,acronym
标签在 HTML 5 中被删除。
在问“有什么好处”之前,通常您首先需要回答的问题是“有什么替代方案?”
- CSS 工具提示?
- JavaScript 工具提示?
- 每次都拼出整个单词?
- 把缩写放在括号里一次?
前两个使您面临各种 CSS 和 JS 浏览器不兼容的风险。当你在页面上重复 500 次“国家技术转让和促进法案”这句话时,第三个对你和你的读者都会非常恼火。
<ACRONYM>
最后一个......嗯,它与使用or标签几乎相同<ABBR>
,除了使用标签让浏览器决定如何呈现它(通常带有一个很好的工具提示)。
搜索引擎优化和可访问性......也许有一些好处,但我认为你应该使用这些标签,因为它们是正确的标签,就像<p>
段落<em>
的正确标签和强调文本的正确标签一样。说出你的意思!
<acronym>
并且<abbr>
实际上非常有用,正是因为您提到自己的原因:可访问性和 SEO。而且它的工作量也不大,因为只标记任何给定页面上第一次出现的首字母缩略词或缩写就足够了,而不是所有出现。事实上,这正是 W3C 在其可访问性指南中推荐的内容:
指定文档中第一次出现的每个缩写词或首字母缩略词的扩展名。
阅读对思南回答的评论,我想我明白这个问题的意思......
我会说这完全取决于你的文字情况。在所有东西上使用<abbr>
标签纯粹是疯狂,但您可以使用它来增强理解。
传统上,使用缩写的文本会在首次使用时解释缩写。对于文章的其余部分,可以缩短长名称或单词,如下所示:
令人敬畏的机构 (AfA) 宣布 [...] AfA 代表说...
或者,如果某事物的首字母缩写词已经广为人知,通常在第一次使用时会简要说明如下:
IMF(国际货币基金组织)...
网络的问题在于,您可能会将长文本拆分为多个页面,并且用户可以跳转到任何页面而无需阅读之前的页面。出于文体目的,您可能不想在每个新页面上重复每个使用的缩写词和首字母缩略词的定义。另一方面,您也不想强迫用户从一开始就阅读您的文本。这就是<abbr>
and<acronym>
标签派上用场的地方。它们允许您(重新)定义某些内容,而不必破坏文本的流程。
我要添加另一个原因:Style。
可以在缩写词中增加更多的字母间距以提高其可读性。同样,为了不破坏文本的平衡,有时最好使用小型大写字母而不是普通大写字母。