{html}
    {directive}
    {header}
        {title}
        {keyword}
        {description}
        {meta}
        {link}
        {open_graph}
        {style}
        {inline_style}
        {script}
        {inline_script}
        {static_html}
    {body}
    {search_main}
    {search_nav}
    {search_form}
    {breadcrumb}
    {mainMenu}
    {subMenu}
    {category}
        Your Html Content Here  
    {footer
        {script}
        {inline_scripts}
        {static_html}

Best Practice

In order to optimize front-end, let control javascript/stylesheet by your own.

Put stylesheet resource to HEAD tag

Put javascript resource to the end of BODY tag.

Reduce number of requests

Control javascript use requirejs

Control stylesheet use requirecss