我们应该将Facelet区域包装在div中吗？

Question

我已经看到了创建Facelets页面模板的示例，其中每个定义的“region”都包含在具有已定义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中的实际好处更多。在这种特殊情况下，它只是网页“标题”的semantic分隔。然后，您可以使用纯CSS来按照您希望的方式设置整个标题的样式和位置。然后，您可以使用纯JS以您希望的方式操作整个标头。

请注意，在HTML5中，<div id="header">应替换为<header>元素。但是我们还没有达到这个阶段，其中超过95％的浏览器都支持HTML5。

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