Html 推特引导：Popover vs工具提示？

这两者有什么区别？对我来说，Popover看起来就像一个边框更厚的更大的工具提示。有什么本质上的区别吗？或者只是你希望它有多大胆的问题？

Popvers只是工具提示的一个扩展，它看起来有点不同，是为更多的内容而设计的

---

例如，弹出窗口有一个标题和内容部分，但工具提示只是内容。

需要包括在内。除了视觉上的差异外，弹出窗口还可以同时显示标题和内容，而工具提示只能显示标题。

从语义上讲，您通常希望使用弹出窗口来提供其他相关信息。您可以使用工具提示进行说明或提示

• 短还是长
• 可以包含各种内容（例如图像、标题、列表）
• 通常可解散，单击或悬停即可使用
• 允许额外的交互（例如按钮）
• 旨在提供与关注的事物相关的附加上下文

• 短
• 只有少量文本（没有其他类型的内容）
• 通常仅在悬停时可用
• 旨在澄清或帮助您使用重点关注的内容

---

从技术上讲，差别不大。它们的工作原理相似。您可以使用

data-

attributes或JS来实现这两种功能

它们使用同一个库工作，因此有许多相同的交互选项（悬停/焦点、内容包含、显示面等）

代码示例：

$（函数（）{
$（'.favorite'）。工具提示({
位置：“对”，
标题：“单击以标记为收藏夹问题（再次单击以撤消）”
});
$（'.demo start'）.popover({
内容：`
逐步浏览组件！在本指南中，您将：

学习语义
学习代码
检查用例
以前的
下一个
`,
是的，
位置：'对'，
标题：“欢迎参观！”，
触发器：“悬停焦点”
});
});



Popover也可用于显示图像，如下所示：Popover还具有“焦点”作为触发值。它允许通过单击任意位置将其取消。使用工具提示时，必须再次单击激活工具提示的对象。