html - 如何为 Webfonts 启用文本提示，就像使用 ALT 在图像中一样？

Question

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

我的代码是：

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

我正在使用“fontawesome”库。

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

谢谢。

Answer 1

该alt属性不用于工具提示，它用于提供文本替代（当图像无法加载或无法被搜索引擎或盲人访问者使用时）。

您可能是指title属性。在许多桌面浏览器中，其内容将在悬停元素时显示在工具提示中。（请注意，一些较旧的Internet Explorer版本alt也为此使用了该属性。）

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

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

请注意，您不应该使用ielement。仅将其用于与规范中的定义匹配的内容（在您的示例中似乎并非如此）。span如果没有其他合适的元素，请使用该元素。

另请注意，您的示例不可访问。