上篇我们将 body 标签主体部份举行了简朴总览，下面看看末了的剧本部门。

页面末端部份（Javascripts 剧本文件）

我们来看看代码末了的代码，摘取以下：

        <!--[if lt IE 9]>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
        <!-- BEGIN CORE PLUGINS -->
        <script src="../assets/global/plugins/jquery.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/js.cookie.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
        <script src="../assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
        <!-- END CORE PLUGINS -->
        <!-- BEGIN THEME GLOBAL SCRIPTS -->
        <script src="../assets/global/scripts/app.min.js" type="text/javascript"></script>
        <!-- END THEME GLOBAL SCRIPTS -->
        <!-- BEGIN THEME LAYOUT SCRIPTS -->
        <script src="../assets/layouts/layout/scripts/layout.min.js" type="text/javascript"></script>
        <script src="../assets/layouts/layout/scripts/demo.min.js" type="text/javascript"></script>
        <script src="../assets/layouts/global/scripts/quick-sidebar.min.js" type="text/javascript"></script>
        <!-- END THEME LAYOUT SCRIPTS -->
    </body>

我们发明，一切剧本都在 </body> 之前，而且，源码末端也没有</html> 标签，这重要是因为以下一些缘由：

• 为何放在末了

HTML 文件的加载都是从上往下实行的，我们平常习气将一些对显现结果影响不大的剧本文件放到页面的末了举行加载。如许能够削减页面的加载时候。

• 为何放在 </body> 之前

只所以剧本放在 </body> 之前，而不是以后，重要是因为：基于划定规矩 %html.content “HEAD|BODY”，HTML 标签的子元素只能是 HEAD BODY，假如在 </body> 后再涌现 <script> 或任何元素的最先标签，都是 parse error。固然，浏览器平常均有容错机制。毛病嵌套的标签、以及位置安排毛病的标签都会在paser HTML 过程当中尝试修复。修复后获得正当的HTML后在由规划引擎竖立响应的DOM对象。在<script>标签安排于</body>标签以后时，源码被一切浏览器【泛指PC上罕见的】修复为一般情势，即<script></script></body>。

• 为何没有 </html> 标签

这个我也忘了哈，彷佛为了被别的文件包括时，防止涌现把文件闭合了这类状况。一会儿找不到这方面的说清楚明了，假如哪位大侠晓得，贫苦示知。
固然，html5 是支撑不闭合标签的。
这儿貌似有一点点申明：http://blog.teamtreehouse.com…

Metronic 所用到的插件和资本

Metronic 用了几十个插件和扩大资本，这才使得这个模板显得尤其壮大。详细这些插件的形貌我就不一一列述了，人人能够一一点下下面表格的链接相识相识。

上一篇：Bootstrap 之 Metronic 模板的进修之路 – （3）源码剖析之 body 部份
下一篇：Bootstrap 之 Metronic 模板的进修之路 – （5）主题&规划设置