如何将xhtml模板（包括jsf标签）转换为纯HTML？

Question

我有一些xhtml模板页面，其中包含诸如以下的小面

：

ui:composition template="pagetemplate.xhtml" xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:ui="http://xmlns.jcp.org/jsf/facelets" xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:p="http://xmlns.jcp.org/jsf/passthrough">
    <ui:define name="title">#{common.getBundle('projectTitle')} - #{common.getBundle('pageTitleLogin')}</ui:define>
    <ui:define name="metadescription">
        <meta name="description"
              content="#{defaultSeoInfo.getDescription(view.viewId)}"/>
    </ui:define>
    <ui:define name="metadata">
        <f:metadata>
            <f:viewAction action="#{languageManager.setCurrentLanguageToViewRoot()}" phase="APPLY_REQUEST_VALUES"/>
            <f:viewAction action="#{externalLoginInfo.checkLoginFromRequest}" phase="UPDATE_MODEL_VALUES"/>
            <f:viewAction action="#{authenticationRouter.checkLoginFromRequest}" phase="UPDATE_MODEL_VALUES"/>
            <f:viewAction action="#{user.checkLoginState}" phase="INVOKE_APPLICATION"/>
        </f:metadata>
    </ui:define>
        <ui:define name="content">
            <!-- HEADER BEGIN -->
        <section class="subnavigation-section">
            <div class="grid-container">
                <h1 class="header-title">#{common.getBundle('login')}</h1>
            </div>
        </section>
        <!-- HEADER END -->
        </ui:define>
</ui:composition>

我需要将此模板转换为纯html，以便以后可以用Cordova包装webApp。

是否可以用html / js替换jsf标签？ 如果可能的话，将提供任何信息或帮助。

谢谢。