divにFacelet領域をラップする必要がありますか？

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の方がはるかに多くなります。この特定のケースでは、ウェブページの「ヘッダー」の区切りはsemanticです。その後、純粋なCSSを使用して、ヘッダー全体のスタイルと位置を設定することができます。その後、純粋なJSを使用して、必要な方法でヘッダー全体を操作できます。

HTML5では、<div id="header">を<header>要素に置き換える必要があります。しかし、使用されているブラウザの約95％以上がHTML5をサポートしています。

JSF/Facelets自体は、このすべてを気にしません。結局のところ、HTMLコードジェネレータは「ちょうど」です。