首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用超文本标记语言<abbr>标签解释内容

使用超文本标记语言<abbr>标签解释内容
EN

Stack Overflow用户
提问于 2012-08-12 10:38:21
回答 4查看 5.2K关注 0票数 20

使用<abbr>标签来解释那些实际上不是缩写的单词,而是产生内容的“悬停”解释,这是不是不好的形式?

如果是,为什么它是糟糕的形式,什么是一个好的HTML替代品?

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2012-08-12 10:56:05

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

使用示例:

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

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

换句话说,如果不正确地使用<abbr>标记,就会在没有理由的情况下向搜索引擎提供误导性的信息。

票数 20
EN

Stack Overflow用户

发布于 2019-01-23 22:50:35

Bootstrap 4将使用虚线边框底部和帮助光标设置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>

票数 2
EN

Stack Overflow用户

发布于 2013-02-21 13:01:59

如果你想让搜索引擎更好地理解你的内容,你应该使用标签来解释你网页中令人困惑的文本。

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11919284

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档