由于angularjs的不熟悉，而且SEO需要学习更多东西，于是先采用bootstrap版本，毕竟工作上也需要使用bootstrap，然后参照视频教程学习。
bootstrap<!DOCTYPE html> <html lang="zh-cn"> <head> <!-- Meta, title, CSS, favicons, etc. --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="桂电在线 - 丰富多彩的大学信息数据平台，让大学生活，大学学习更迅速、简单。"> <meta name="keywords" content="桂电在线, 大学信息数据平台, 大学生活，大学学习"> <meta name="author" content="jd胡"> <title>桂电在线</title> <!-- Bootstrap --> <link href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"> <!--项目样式文件 --> <link href="<?=__PUBLIC__?>style/app.css" rel="stylesheet"> <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script> <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script> <![endif]--> <link rel="apple-touch-icon" href="<?=__PUBLIC__?>images/favicon.ico"> <link rel="icon" href="<?=__PUBLIC__?>images/favicon.ico"> </head> <body> <h1>Hello, world!</h1> <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery --> <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script> <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用 --> <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <!-- 项目脚本文件--> <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> </body> </html>
原文：http://www.cnblogs.com/jdhu/p/4189526.html