Jael supports template inheritance by means of extend and block.

    Note the following example:

    2. <!-- layout.jl -->
    3. <html>
    4.     <head>
    5.         <title>{{ title }} - My App</title>
    6.     </head>
    7.     <body>
    8.         <block name="content"></block>
    9.         <div class="footer">
    10.           <!-- Footer content... -->
    11.         </div>
    12.     </body>
    13. </html>
    15. <!-- hello.jl -->
    16. <extend src="layout.jl">
    17.   <block name="content">
    18.     <img src=user.avatar ?? "http://example.com/img/default-avatar">
    19.     Hello, {{ user.name }}!
    20.   </block>
    21. </extend>

    To extend a layout, instead of the file containing an <html> node, create a file with an <extend> node. The src attribute should point to the correct file. Then, add <block> tags that will replace the corresponding <block> tags declared in the parent file.