什么是创建HTML的最简单方法,鼠标悬停在工具提示上？

Question

什么是最简单,最干净的方法来创建HTML,鼠标悬停工具提示而不使用大量额外的js引用？

<img id=Pennstate src="/blah" style="cursor:pointer;">

鼠标悬停在那,并有一个很好的工具提示"我们是Pennstate!"

Answer 1

<img src="https://stackoverflow.com/favicon.ico"
     style="cursor:pointer;"
     title="Stack Overflow">

但如果您需要更多,请尝试使用jQuery tootip插件.

'title' 属性也适用于 <span> 元素，因此您可以轻松地在文本上显示简单的鼠标悬停工具提示。 (3认同)
不要这样做！键盘或屏幕阅读器用户无法访问它。更多信息：https://www.mediacurrent.com/blog/dont-rely-title-attribute-accessibility-seo 和 https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles /工具提示_角色 (2认同)

Answer 2

如果你不太关心工具提示的样子,你总是可以使用"title"属性

不要这样做！键盘或屏幕阅读器用户无法访问它。更多信息：https://www.mediacurrent.com/blog/dont-rely-title-attribute-accessibility-seo 和 https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles /工具提示_角色 (4认同)