การใช้ JSF + Facelets ร่วมกับ HTML 4/5

Facelets และความเข้ากันได้กับ HTML

Facelets เป็นระบบเทมเพลตสำหรับ JSF ที่ต้องการเอกสาร XML ที่ถูกต้อง ไม่สามารถใช้กับ DOCTYPE ของ HTML4 ได้

แต่สามารถใช้ <!DOCTYPE html> (HTML5) ร่วมกับ JSF/Facelets ได้ แม้จะไม่มีการประกาศ <?xml?> ที่ด้านบนของหน้า

ตัวอย่างโครงสร้างหน้า Facelets แบบ HTML5

<!DOCTYPE html>
<html lang="en"
      xmlns:jsf="https://xmlns.jcp.org/jsf"
      xmlns:f="https://xmlns.jcp.org/jsf/core"
      xmlns:h="https://xmlns.jcp.org/jsf/html">
  <h:head>
    <title>Title</title>
  </h:head>
  <h:body>
    <header jsf:id="header">Header</header>
    <nav jsf:id="nav">Nav</nav>
    <main jsf:id="main">Main</main>
    <footer jsf:id="footer">Footer</footer>
  </h:body>
</html>

วิธีนี้ทำให้ใช้งาน HTML5 semantics ได้เต็มที่ร่วมกับ JSF