Html 如何为Webfonts启用文本提示,就像在使用ALT的图像中一样?

Html 如何为Webfonts启用文本提示,就像在使用ALT的图像中一样?,html,responsive-design,webfonts,font-awesome,Html,Responsive Design,Webfonts,Font Awesome,我可能看错了,但对于图像链接,我使用ALT来显示图像链接的文本提示。然而,现在我正在使用网络字体,我喜欢它们。但是,我不确定显示任何文本提示信息的推荐方法是什么,就像在图像上使用ALT属性一样 我的代码是: <a href="Index.htm"><i class="fa fa-book"></i></a> 我正在使用“fontawesome”库 那么,当鼠标悬停在webfont上时,显示文本帮助信息的好方法是什么 谢谢。alt属性并非用于工

我可能看错了,但对于图像链接,我使用ALT来显示图像链接的文本提示。然而,现在我正在使用网络字体,我喜欢它们。但是,我不确定显示任何文本提示信息的推荐方法是什么,就像在图像上使用ALT属性一样

我的代码是:

<a href="Index.htm"><i class="fa fa-book"></i></a>

我正在使用“fontawesome”库

那么,当鼠标悬停在webfont上时,显示文本帮助信息的好方法是什么


谢谢。

alt属性并非用于工具提示,而是用于提供文本备选方案(当图像无法加载或无法使用时,例如,搜索引擎或盲人访问者)

你可能是说那个。在许多桌面浏览器中,悬停元素时,其内容将显示在工具提示中。(请注意,一些较旧的Internet Explorer版本也为此使用了
alt
属性。)

您可以在任何元素上使用
title
属性

<a href="Index.htm"><span class="fa fa-book" title="some advisory information"></span></a>

请注意,您不应该使用。仅将其用于与规范中的定义相匹配的内容(在您的示例中似乎不是这样)。如果没有合适的其他元素,请使用
span
元素


还要注意,您的示例是不可访问的。

简单地说,不能使用alt属性来完成。不过,您可以研究基于js的工具提示方法。编辑:完全误解了。您可以在使用webfont.Unor的元素上使用title属性,谢谢。非常有用。您的答案现在可以访问了吗?@SamJolly:您的代码无法访问。这是一个空链接。它只适用于支持CSS的用户代理。但是CSS的工作不是提供内容。因此,为了便于访问,您应该提供另一个链接内容。