html原生popover属性仅支持click触发，需配合popovertarget和具有popover属性的目标元素id使用，不支持hover自动显示，且样式定制受限、定位不可控。
HTML 原生 popover 属性目前（截至 Chrome 114+、Edge 114+、Safari 16.4+）仅支持通过显式触发机制工作，不能直接绑定在按钮上“悬停即显示”——这是最常被误解的点。
popover 属性必须配合 popovertarget 和目标元素使用
原生 popover 不是纯属性式提示，它依赖一对 DOM 关系：触发元素 + 目标 <div popover>。浏览器不会自动把 <code>title 或 data-* 转成 popover，必须手动建立连接。
-
popovertarget必须指向一个具有popover属性的元素 ID，且该元素需在 document 中已存在 - 目标元素默认不可见，
showPopover()/hidePopover()才能控制显隐，togglePopover()是常用快捷方式 - 不支持
hover自动触发，只能响应click（或 JS 主动调用），这是设计使然，不是 bug
基础结构：按钮 + popover 元素必须共存于同一上下文
常见错误是把 popover 元素放在 shadow DOM、<template></template> 里，或动态 append 后未调用 showPopover() —— 浏览器会静默忽略。
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
<button popovertarget="help-popover">❓</button> <div id="help-popover" popover>支持 Markdown？不支持，只渲染纯文本</div>
- 目标
<div popover> 必须有 <code>id，且与popovertarget值完全匹配 - 目标元素不能设
display: none或hidden，否则showPopover()会失败并抛错DOMException: Cannot show a hidden popover - 若用 JS 控制，推荐写成
button.addEventListener('click', () => document.getElementById('help-popover').togglePopover()) - 可修改的样式极有限：
font、color、padding、background、border-radius（部分浏览器支持） -
z-index无效，popover 总是顶层，但可能被iframe或某些transform容器裁剪 - 移动端 Safari 对
popover支持不稳定，偶发不显示或点击穿透，建议降级为title或轻量 JS 方案
样式限制多：popover 元素无法用普通 CSS 定制箭头和位置
原生 popover 的定位由浏览器自动计算，不暴露 getBoundingClientRect() 等接口；箭头不可隐藏、不可重着色、不可旋转——所有尝试用 ::before 或 position: absolute 覆盖都会失效。
真正轻量且可控的“按钮气泡提示”，现阶段更推荐用 20 行以内的 JS + position: absolute 实现；原生 popover 适合简单、无需定制、只响应 click 的场景——别指望它替代 tippy.js 或 floating-ui。
