如何在 <p:fieldset> 的图例中放置 <h1>、<h2> 标签？答案

【问题标题】：How to put <h1>, <h2> tags in legend of <p:fieldset>?如何在 <p:fieldset> 的图例中放置 <h1>、<h2> 标签？
【发布时间】：2021-07-07 10:08:29
【问题描述】：

使用像 Primefaces 这样的组件库可以加快 JSF 的开发速度（并具有许多其他优势！）。

但是，从搜索引擎优化 (SEO) 的角度来看，组件并不理想。例如，在 Primefaces 中，我可以使用一种称为 fieldset 的面板：

<p:fieldset legend="Title of my panel">
    <p>
       Content of my panel
    </p>
 </p:fieldset>

面板的标题（使用字段集的属性“legend”设置）是放置在<h2> 或<h3> 标记内的好候选，因为它们是页面和搜索引擎中的重要字幕依靠这些标签进行索引。使用fieldset 组件似乎可以防止在这些组件的标题中使用<hn> 标记？

有没有办法让我两者兼得？ Primefaces 组件，例如 fieldset 与 h1、h2、h3 标记这些组件的标题？

【问题讨论】：

另外，如果您对 JSF 应用程序的 SEO 感兴趣，您可能需要查看：github.com/omnifaces/omnifaces/issues/584，示例如下：showcase.omnifaces.org/resourcehandlers/ViewResourceHandler
非常有用，谢谢

【解决方案1】：

p:fieldSet 具有legend 的一个方面。所以你可以这样做：

<p:fieldset>
    <f:facet name="legend">
        <h3>Title of my panel</h3>
    </f:facet>
    <p>Content of my panel</p>
</p:fieldset>

另见：

【讨论】：