使用<abbr>
标签来解释实际上不是缩写词而是产生&#34;悬停在&#34;内容的解释?
如果是,为什么它是不好的形式,什么是一个好的HTML替代品?
答案 0 :(得分:17)
您实际上不需要使用<abbr>
标记来使用title=
属性。您可以将其应用于许多内容,包括<span>
代码。
使用示例:
<span title="This is my explanation here.">Confusing text</span>
来自w3schools.com:通过标记缩写,您可以向浏览器,拼写检查程序,翻译系统和搜索引擎索引器提供有用的信息。
换句话说,如果没有理由错误地使用<abbr>
标记,您将向搜索引擎提供误导性信息。
答案 1 :(得分:1)
如果您希望搜索引擎更好地了解您的内容,则应使用该标记来解释网页中令人困惑的文字。
仅将其用于设计目的并不邪恶,但如果浏览器不支持它,您的用户将受到影响。对于一般用途,简单的<span title="Explanation">Abbr</span>
效果更好;当然,你需要添加一些漂亮的CSS规则样式;)
答案 2 :(得分:0)
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>
答案 3 :(得分:-1)
HTML元素定义缩写或首字母缩略词。
标记缩写可以为浏览器,翻译系统和搜索引擎提供有用的信息。
喜欢
<p> <abbr title="Unknown Flying Object"> UFO </abbr>