jsf-2 - 我们应该将 Facelet 区域包装在一个 div 中吗？

Question

我已经看到了创建 Facelets 页面模板的示例，其中每个定义的“区域”都包含在具有定义 id 的 div 标记中。将这些区域包装在具有已定义 id 的 div 标签中是最佳做法吗？有哪些实际示例可以说明为什么有人可能会从包含定义 id 的 div 标签中受益，如下例所示？

    <div id="header">
    <ui:insert name="header" >
        <ui:include src="/template/common/commonHeader.xhtml" />
    </ui:insert>
    </div>

Answer 1

实际的好处更多在于生成的 HTML。在这种特殊情况下，它只是网页“标题”的语义分离。然后，您可以使用纯 CSS 以您想要的方式设置整个标题的样式和位置。然后，您可以使用纯 JS 以您想要的方式操作整个标题。

请注意，在 HTML5 中，这样的 a<div id="header">应该被一个<header>元素替换。但是我们还没有达到超过 95% 的使用浏览器支持 HTML5 的阶段。

JSF/Facelets 本身并不关心这一切。毕竟它“只是”一个 HTML 代码生成器。