html - 未明确关闭的组件呈现的元素 td

Question

我有下面的代码，但有时我的页面无法正确呈现:

 <div id="logout" style="text-align:right;">
        <h:panelGrid columns="2">
            <h3>
                <h:outputText value="Hello #{myBean.usr.name} #{myBean.usr.surname}" style="color:black;"/>
            </h3>
            <p:commandLink action="#{myBean.quit}" immediate="true">
                <h:outputText value="Quit"/>
            </p:commandLink>
        </h:panelGrid>
</div>

我有一个警告:

警告:关闭 h3 时的 HTML 嵌套警告:组件呈现的元素 td:[...] 未明确关闭

我知道这只是一个警告，但我想解决问题以确保这不是导致显示不佳的原因。

Answer 1

您可以删除 <h3>标记并设置 <h:outputText> 的样式使用 CSS 类。或者尝试将此部分包含在 <h:panelGroup> 中.

<h:panelGrid columns="2">
    <h:panelGroup>
        <h3>
            <h:outputText value="Hello #{myBean.usr.name} #{myBean.usr.surname}" />
        </h3>
    </h:panelGroup>

    <p:commandLink action="#{myBean.quit}" immediate="true">
        <h:outputText value="Quit"/>
    </p:commandLink>

</h:panelGrid>

Laying Out Components with the h:panelGrid and h:panelGroup Tags