html使用tooltip

HTML中的`<title>`标签通常用于设定网页标题，在浏览器标签页上显示，但它不是用来创建提示框（Tooltip）的。如果你想在网页上添加可悬停显示的提示信息，可以借助JavaScript或者其他库，如Bootstrap或Custom Tooltip。

Bootstrap提供了一个名为`data-tooltip`或`data-toggle="tooltip"`的属性，配合jQuery插件，可以轻松地实现Tooltip功能。例如：

<button type="button" data-toggle="tooltip" title="这是一个工具提示">点击这里</button>

当鼠标悬停在按钮上时，会弹出显示“这是一个工具提示”的文本。

如果你想要使用纯CSS实现，可以利用伪元素`:before`或`:after`结合`position: absolute`来制作简单的自定义Tooltip。

<span class="tooltip">
  文本内容 <span class="tooltip-text" style="display:none;">工具提示内容</span>
</span>

<style>
.tooltip {
  position: relative;
}

.tooltip .tooltip-text {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
</style>

然后使用CSS选择器和:hover状态来控制何时显示工具提示。