Because Angularjs unfamiliar, and SEO need to learn more things, so first adopt bootstrap version, after all work also need to use bootstrap, and then refer to video tutorial learning.
Bootstrap basic templates
<!DOCTYPE HTML><HTMLLang= "ZH-CN"> <Head> <!--Meta, title, CSS, Favicons, etc. - <MetaCharSet= "Utf-8"> <Metahttp-equiv= "X-ua-compatible"content= "Ie=edge"> <Metaname= "Viewport"content= "Width=device-width, initial-scale=1"> <Metaname= "description"content= "GUI Power online-a variety of university information data platform, so that university life, university learning faster and simpler." "> <Metaname= "keywords"content= "GUI Electric online, university information data platform, university life, University study"> <Metaname= "Author"content= "JD Hu"> <title>GUI Electric Online</title> <!--Bootstrap - <Linkhref= "Http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css"rel= "stylesheet"> <!--Project style Files - <Linkhref= "<?=__public__?>style/app.css"rel= "stylesheet"> <!--[If Lt IE 9]> <script src= "Http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js" ></script> <SCR IPT src= "Http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js" ></script> <! [EndIf] - <Linkrel= "Apple-touch-icon"href= "<?=__public__?>images/favicon.ico"> <Linkrel= "icon"href= "<?=__public__?>images/favicon.ico"> </Head> <Body> <H1>Hello, world!.</H1> <!--If you want to use Bootstrap's JS plugin, you must first dial into jquery - <Scriptsrc= "Http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></Script> <!--includes all bootstrap JS plug-ins or can be used according to the JS plugin call - <Scriptsrc= "Http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></Script> <!--Project script File - <Scriptsrc= "Http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></Script> </Body></HTML>
GUI Electric online-transformed into bootstrap version