2、将需要展示的标注文本作为title属性的值，例如：提交。

3、保存HTML文件并在浏览器中打开，将鼠标移至该元素上方，系统将自动显示灰色气泡提示框，内容即为title属性值。

二、使用data-*属性存储结构化标注数据

data-*属性用于嵌入自定义数据，不直接渲染，但可通过JavaScript读取并动态生成标注，适合复杂场景或需程序化控制的情况。

1、在目标元素中添加以data-开头的属性，如data-description、data-source或data-tooltip-text。

2、为该属性赋值有意义的字符串，例如：。

3、通过JavaScript获取该值：element.dataset.description，并结合title或自定义弹层展示，此时data-*属性仅作数据容器，不自动显示，必须配合脚本触发呈现。

三、结合CSS与JavaScript实现可点击标注面板

当需要比悬浮提示更丰富的交互（如点击展开、带图标、支持HTML内容），可基于data-*属性构建动态标注面板。

1、为元素添加data-tooltip-content属性，值中可包含HTML标签，例如：data-tooltip-content="注意：此数值已四舍五入"。

2、编写轻量JavaScript监听元素的click事件，读取dataset.tooltipContent。

3、创建并插入解析后的HTML内容，定位到元素附近，该方式完全绕过title限制，支持富文本、链接与样式定制。

四、使用aria-label或aria-describedby增强无障碍标注