如何在自定义元素中使用标题元素?

gru*_*net 5 accessibility html-heading shadow-dom custom-element

根据W3C html 规范的这个问题,不鼓励使用具有多个 h1 的嵌套部分,因为没有浏览器实现使它们在语义上工作所需的轮廓算法。

但是,如果我有一个需要使用标题元素的自定义元素,我无法找到推荐的方法来确定标题级别是升级/插入的位置(因此元素可以确定使用哪个 h1-h6)

我发现这篇文章详细介绍了该问题的一些解决方法(更普遍地适用于组件),以及一个特定于 React 的方法,但它们看起来都有些笨拙。

看起来这可能是一个足够普遍的问题,以至于有一个关于如何处理它的推荐模式(比仅仅传递/管理它的属性更好),但我不知道那会是什么(我相当Web 组件的新手)