不知道这个是什么的代码，应该怎么才能看懂呢？

手上有个登陆的代码，名称是 Login.jsp ，但是看了一下 jsp 的教程，怎么发现很多东西对不上呢？烦请各位帮忙看看，指点一下，有什么好的教程可以帮助我搞明白这分代码，关乎饭碗，谢谢。<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2"
          xmlns:f="http://java.sun.com/jsf/core"
          xmlns:h="http://java.sun.com/jsf/html"
          xmlns:jsp="http://java.sun.com/JSP/Page"
          xmlns:ui="http://www.sun.com/web/ui">
    
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>    <f:view>
        <ui:page binding="#{Login.page}" id="page1">
            <ui:html binding="#{Login.html}" id="html1">
                <ui:head binding="#{Login.head}" id="head1"
                         title="Welcome to YAWL 2.0: Please Login">
                    <ui:link binding="#{Login.link}" id="link1"
                             url="/resources/stylesheet.css"/>
                    <ui:link binding="#{ApplicationBean.favIcon}" id="lnkFavIcon"
                             rel="shortcut icon"
                            type="image/x-icon" url="/resources/favicon.ico"/>
                </ui:head>                <ui:body binding="#{Login.body}" id="body1"
                         focus="form1:txtUserName"
                         style="-rave-layout: grid">
                    <br/>
                    <ui:form binding="#{Login.form}" id="form1">                        <!-- include banner -->
                        <div><jsp:directive.include file="pfHeader.jspf"/></div>                        <center>                            <ui:panelLayout binding="#{Login.pnlContainer}"
                                            id="pnlContainer"
                                            styleClass="loginPanel">                                <ui:label binding="#{Login.lblUserName}"
                                          for="txtUserName"
                                          id="lblUserName"
                                          style="top: 25px"
                                          styleClass="loginLabel"
                                          text="User Name:"/>                                <ui:textField binding="#{Login.txtUserName}"
                                              id="txtUserName"
                                              style="top: 22px"
                                              styleClass="loginField"/>                                <ui:label binding="#{Login.lblPassword}"
                                          for="txtPassword"
                                          style="top: 55px"
                                          styleClass="loginLabel"
                                          id="lblPassword"
                                          text="Password:"/>                                <ui:passwordField binding="#{Login.txtPassword}"
                                                  id="txtPassword"
                                                  style="top: 52px"
                                                  styleClass="loginField"/>                                <ui:button action="#{Login.btnLogin_action}"
                                           binding="#{Login.btnLogin}"
                                           id="btnLogin"
                                           primary="true"
                                           styleClass="loginButton"
                                           text="Login"/>                            </ui:panelLayout>                            <ui:panelLayout binding="#{SessionBean.messagePanel}"
                                            id="msgPanel"
                                            panelLayout="flow"/>
                        </center>
                    </ui:form>
                </ui:body>
            </ui:html>
        </ui:page>
    </f:view>
</jsp:root>