twitter-bootstrap - rel ="tooltip",这是不好的做法吗?

标签 twitter-bootstrap w3c

在工具提示的 Bootstrap 文档中,它使用 <a href="#" rel="tooltip" title="first tooltip">hover over me</a> 。不过,工具提示只是装饰性的。不是 css 样式,而是一些 JS 来更改标题属性的呈现方式。

“rel”属性旨在用于告诉机器人(例如谷歌)链接的性质。选项包括备用、作者、书签、帮助、许可证、下一个、nofollow、noreferrer、预取、上一个、搜索和标签。

使用 rel = "tooltip" 这不是不好的做法吗?由于工具提示是装饰性的,没有说明链接的性质,并且机器人或浏览器不能解释吗?

最佳答案

通过使用 rel="tooltip"您的文档无法通过 W3C 网络标准验证

您将从 W3C validator 收到此错误:

Bad value tooltip for attribute rel on element a: Not an absolute IRI. The string tooltip is not a registered keyword or absolute URL.

最好识别工具提示链接带有类,例如:
<a href="#" class="tooltip" title="first tooltip">hover over me</a>

  • 但是,浏览器不会以任何方式使用 rel 属性,因为 您已经提到过,但这可能会影响您在搜索中的排名 引擎。 Google suggests验证您的文件并 “编写良好、干净的 HTML”。
  • rel 属性也可以是 对于屏幕阅读器等辅助功能工具很有趣。

关于twitter-bootstrap - rel ="tooltip",这是不好的做法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14511250/

相关文章:

java - 获取 w3c 文档的名称

javascript - 每次提交表单时ajax调用次数都会增加

python - Django:CSS 和图像(静态文件)加载成功但未应用

html - 如何去除 Bootstrap 中选择框的圆 Angular ?

html - 如何在所有浏览器和所有移动设备中居中表单

HTML:我们真的需要不同的 DocTypes 吗?

javascript - 如何将 css 文件添加到打开的窗口

html - 表单提交期间 "required"/"pattern"和 "disabled"属性的兼容性

javascript - 在 Angular 2 typescript 中获取模态元素

css - "--"是有效的 CSS3 标识符吗?