我們是否應該在一個div中包裝Facelet區域？

Question

我看到創建的Facelets頁面模板，每個定義的「區域」被包裹在一個定義ID的div標籤的例子。將這些區域封裝在具有已定義ID的div標籤中是否是最佳做法？什麼是爲什麼有人會在一個div標籤如下面的例子定義ID包中受益的一些實際的例子？

<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代碼生成器。