是否可以隐藏href标题？

Question

<a href="link.html" title="Titletext">

......是代码.

我需要使用title属性因为slimbox,但我想隐藏将鼠标悬停在链接上时显示的标题文本.

有任何想法吗？

Answer 1

好简单怎么样:

<a href="link.html" title="Titletext"><span title=" ">text</span></a>

(更好的是,在嵌套标题中放置实际有用的东西.)

Answer 2

假设您在a标签中使用了图像标签,则可以使用图像的替代标题(甚至是空格),当您将鼠标悬停在该标签上时,它将覆盖链接的标题.

Answer 3

使用jQuery非常简单

$("li.menu-item > a").attr('title', '');

这将删除li类菜单项的任何元素的标题 - 当然你可以得到花哨所以他们只是隐藏在鼠标上:)

Answer 4

关于我在几个网站上列出的"如何简单"的建议,我个人不会建议这有两个原因.

1. 屏幕阅读器和视障用户依赖于大声读出的标题属性.我相信这是他们在锚标签中的最初目的和原因,并且是美国州政府网站可访问性部分508的一个重要方面.我认为这个例子中的屏幕阅读器会读取所有标题; 第一个,然后是第二个,对视障用户来说可能非常混乱.他们不明白为什么他们听到两个esp,如果它有不同的文字.他们听到的是两种不同的锚吗？如果是这样,为什么他们不能点击或选择他们听到的另一个并且只能获得一个网页(作为场景).

2. 如果你在标题的谷歌和许多其他搜索引擎中放置其他文本可能会将此操作视为黑帽seo,并可能导致您的网站被禁止从该搜索引擎列表(也称为填充),这已经发生在谷歌的德国宝马已经.

我个人认为最好的方法是保持title属性的功能,然后使用Javascript或css以某种方式隐藏它.这些方法对屏幕阅读器,网络抓取工具和视障用户没有任何影响.