知识点碎片：
html
一.
(1)
eg:<meta name="viewport" content="width=device-width, initial-scale=1">
解析：
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
1.width=device-width //应用程序的宽度和屏幕的宽度是一样的
2.height=device-height //应用程序的高度和屏幕的高是一样的
3.initial-scale=1.0 //应用程序启动时候的缩放尺度（1.0表示不缩放）
4.minimum-scale=1.0 //用户可以缩放到的最小尺度（1.0表示不缩放）
5.maximum-scale=1.0 //用户可以放大到的最大尺度（1.0表示不缩放）
6.user-scalable=no //用户是否可以通过他的手势来缩放整个应用程序，使应用程序的尺度发生一个改变（yes/no）
(2)
eg:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
解析：
http-equiv="Content-Type":类似于HTTP的头部协议，回应给浏览器有用的信息，以帮助正确的显示网页内容
content="text/html：这个网页的格式是文本的，网页模式
charset=utf-8" ：这个网页的编码是utf-8，中文编码（此为网页内容的编码，而不是文件本身的，其他类型的编码出现乱码）
（3）eg:
<meta name="keywords" content="Viewport Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
解析：
1、Keywords (关键字)
说明：为搜索引擎提供的关键字列表
用法：<Meta name="Keywords" Content="关键词1,关键词2，关键词3,关键词4,……">
注意：各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如：
<Meta name="Kyewords" Lang="EN" Content="vacation,greece,sunshine">
<Meta name="Kyewords" Lang="FR" Content="vacances,grè:ce,soleil">
2、Description (简介)
说明：Description用来告诉搜索引擎你的网站主要内容。
用法：<Meta name="Description" Content="你网页的简述">
（4）<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
页面加载的时候添加一个定时器，0秒之后执行hideURLbar函数。hideURLbar函数将页面滚动至坐标（0,1）
引入JS文件：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>fullPageDemo</title>
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/easyResponsiveTabs.js"></script>
</head>