20

使用<abbr>标签来解释实际上不是缩写的单词，而是产生对内容的“悬停”解释，这是一种不好的形式吗？

如果是，为什么它的形式不好，什么是好的 HTML 替代品？

4

4 回答 4

20

您实际上不需要使用<abbr>标签来使用title=属性。您可以将其应用于许多事物，包括<span>标签。

使用示例：

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

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

换句话说，您将在没有理由的情况下通过错误地使用<abbr>标签向搜索引擎提供误导性信息。

于 2012-08-12T02:56:04.833 回答
2

Bootstrap 4 将<abbr>使用虚线边框底部和帮助光标设置 HTML 元素的样式：

<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>

于 2019-01-23T14:50:34.803 回答
1

如果您希望搜索引擎更好地理解您的内容，您应该使用该标签来解释网页内令人困惑的文字。

仅将其用于设计目的并没有什么坏处，但如果浏览器不支持它，您的用户将会受到影响。对于一般用途，简单的<span title="Explanation">Abbr</span>效果更好；当然，您需要添加一些带有漂亮 CSS 规则的样式；）

于 2013-02-21T05:01:58.890 回答
-1

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

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

像

<p> <abbr title="Unknown Flying Object"> UFO </abbr>
于 2015-03-19T15:15:55.420 回答