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

时间:2019-08-01 04:05:15

标签: accessibility shadow-dom custom-element html-heading

根据W3C html规范,每this issue都建议不要使用带有多个h1的嵌套部分,因为没有浏览器会实现使它们在语义上起作用所需的大纲算法。

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

我发现this article详细说明了该问题的一些变通办法(更普遍地适用于组件)以及React的特定变通办法,但它们似乎都有些笨拙。

对于一个如何处理它的推荐模式(似乎不仅仅是为它传递/管理一个属性),这似乎是一个足够普遍的问题,但是我不知道那是什么(我对Web组件来说还很新)

0 个答案:

没有答案