用Bootsharp搭建简单网页一--基本结构 

 1 <!DOCTYPE html>
 2 <html lang="zh-CN">
 3 <head>
 4     <meta charset="utf-8">
 5     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6     <meta name="viewport" content="width=device-width, initial-scale=1">
 7     <!-- 上述3个meta标签放在最前面 -->
 8     <meta name="description" content="">
 9     <meta name="author" content="">
10     <!--作者名称和内容描述-->
11     <link rel="icon" href="../xx.ico">
12     <link href="../bootstrap.min.css" rel="stylesheet">
13     <link href="../xx.css " rel="stylesheet">
14     <title>首页</title>
15 </head>
16 <body>
17 <h1>这是一个网页</h1>
18 <!--内容-->
19 
20 
21 <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
22 <script src="js/bootstrap.min.js"></script>
23 </body></html>

使用bootsharp搭建一个简单的网页。先是声明了语言lang = "zh-CN"， 三个meta标签分别说明了，编码类型charset="utf-8"，版本类型和视窗大小。

第二个meta标签，X-UA-Compatible 是针对 IE版本的一个特殊文件头标记，用于为 IE 指定不同的页面渲染模式，IE=edge告诉IE使用最新的引擎渲染网页。

第三个meta标签，viewport可针对不同设备视窗的大小设定的值，width=device-width设定了网页宽度等同设备视窗的宽度，initial-scale=1原始的缩放比例为1。

接下来两个meta标签，说明了网页的整体信息和作者信息。

<link rel="icon" href="../xx.ico">
<link href="../bootstrap.min.css" rel="stylesheet">
<link href="../xx.css " rel="stylesheet">

三个link分别，设定了网页标题图像和bootsharp的样式，还有自定义样式。

<script><script>就放在</body>标签前面，加载脚本放在网页最后。

<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

bootsharp中用到了jquery的相关插件，这里要引用jquery.min.js这个文件，同样的bootsharp.min.js也是必须的。

这样基本的一个网页框架就搭好了！

posted @ 2017-12-12 14:39  pzhwp  阅读(455)  评论(0)    收藏  举报