使用HTML的<abbr>标签来解释内容

Question

使用<abbr>标签解释并非缩写词的单词以产生“悬停说明”是否不恰当？

如果是，为什么是不恰当的？还有什么好的HTML替代方案？

- user187680

---

你的意思是“坏”是指它会影响你的SEO吗？ - M.Hossein Rahimi

Answer 1

你实际上不需要使用<abbr>标签来使用title=属性。你可以将它应用于许多东西，包括<span>标签。

使用示例：

<span title="This is my explanation here.">Confusing text</span>

来自w3schools.com: 通过标记缩写，您可以向浏览器、拼写检查器、翻译系统和搜索引擎索引器提供有用的信息。

换句话说，当没有必要时，通过错误地使用<abbr>标签，您将向搜索引擎提供误导性信息。

- ಠ_ಠ

---

请注意，辅助技术（例如屏幕阅读器）通常不会宣读标题属性。 - steveax

Answer 2

Bootstrap 4会为HTML的<abbr>元素添加虚线边框底部和帮助光标样式：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>

<p>You can use <abbr title="Cascading Style Sheets" class="text-info font-italic initialism">CSS</abbr> to style your <abbr title="HyperText Markup Language" class="text-info font-italic initialism">HTML</abbr>.</p>

- Penny Liu

Answer 3

如果您希望搜索引擎更好地理解您的内容，应使用“abbr”标签来解释网页内部的混淆文本。

仅出于设计目的而使用它并不邪恶，但如果浏览器不支持它，您的用户将会受到影响。对于一般用途，一个简单的 <span title="Explanation">Abbr</span> 更好；当然，您需要添加一些美丽的CSS样式规则 ;)

- Salvi Pascual

Answer 4

HTML 元素定义缩写或首字母缩略语。

标记缩写可以为浏览器、翻译系统和搜索引擎提供有用的信息。

例如：

<p> <abbr title="Unknown Flying Object"> UFO </abbr>

- saman

---

那并没有回答问题。 - Luca Steeb