Javascript 如何在悬停在句子中的单词上显示定义？

在为一个网站写下一套规则之后，我想给某些词下一个定义。我的想法是，当一个人将鼠标悬停在一个单词上时，最好是在单词下方或顶部弹出定义，同时单词周围的文本保持不变

我已经找遍了所有的地方，我找不到一个合适的方法来做这件事。我当然看过：

这与我想要实现的目标非常接近，但我似乎无法找到如何在我想要悬停的单词前后获取文本，然后显示定义

希望我在这里的措辞是清楚的

另一方面，只应使用html、css和javascript

例如：

<p>Rule number 1: Please be respectful in our community.</p>

规则1：请尊重我们的社区

---

我希望将鼠标悬停在单词“恭敬”上，在其上方显示一个带有定义的文本。

您可以在

元素上使用

title

属性（将鼠标悬停在

恭敬

上一秒钟：

---

规则1：请尊重我们的社区。
已经有一个专门用于此的标记，如果您不介意将鼠标放在其上片刻的话，定义标记或。默认情况下，它将文本斜体化，但您可以随意更改样式。这在语义上比j更准确我们只能使用span或div之类的东西，但使用哪一个并不重要。元素上的
标题发挥了神奇的作用


规则1：请尊重我们的社区。
看一看：这与我的答案基本相同。没错，虽然从语义上讲，这一条也会更正确，但不幸的是，直到我写完我的答案后，它才告诉我你的答案。这不是
dfn
元素的正确用法ent.
title
属性必须包含定义的术语，而不是定义本身。上下文（在
p
、
dd
或
节
元素中）必须是定义。See Future me同意您的意见。为了获得所需的结果并更接近标准，可以使用
abbr
，但这在语义上也不完全正确。感谢您在编辑时窃取我的答案。