div에 Facelet 영역을 래핑해야합니까?

Question

각 정의 된 "영역"이 정의 된 ID를 사용하여 div 태그에 래핑 된 Facelets 페이지 템플릿을 만드는 예를 보았습니다. 정의 된 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 코드 생성기가 "그냥"있습니다.