Question

使用<abbr>标签来解释实际上不是缩写词而是产生＆＃34;悬停在＆＃34;内容的解释？

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

Answer 1

您实际上不需要使用<abbr>标记来使用title=属性。您可以将其应用于许多内容，包括<span>代码。

使用示例：

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

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

换句话说，如果没有理由错误地使用<abbr>标记，您将向搜索引擎提供误导性信息。

Answer 2

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

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

Answer 3

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>

Answer 4

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

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

喜欢

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

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

4 个答案: