<!DOCTYPE html> : 定义HTML的规则类型；浏览器兼容性最好
<!DOCTYPE html>
<html>
<head>
<!--编码-->
<!-- // 指定HTML编码（缩写） ： UTF-8 / jdk-->
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<!--跳转-->
<meta http-equiv="Refresh" Content= "5; Url=http://www.baidu.com"/> <!--// 5 秒后跳转到百度-->
<!--刷新-->
<meta http-equiv="Refresh" Content= "5"> <!--// 5秒钟刷新一次-->
<!--关键字-->
<meta name="keywords" content="Vera，微辣，维拉，薇拉"> <!--爬虫爬的时候的关键字-->
<!--对网站的介绍-->
<meta name="description" content="xxxxxxxxxxxxxxxxxxxxxxxxxxxx">
<!--ie兼容-->
<!--X-UA-Compatible: 为了兼容IE6以下-->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"><!--IE=edge:最新的模式执行浏览器-->
<meta http-equiv='X-UA-Compatible' content='IE-edge'><!--bootstrap 不支持IE古老兼容模式，为了让ie浏览器运行最高级别的可用模式渲染显示内容-->
<!--网站标题-->
<title>网站名字</title><!--头部唯一可以显示的东西-->
<!--网站名字前的图标-->
<link rel="icon" href = "图片名（英文）.ico">
<!--head中还可以写的相关代码：
1.css文件
2.css代码块
3.js文件
4.js代码块-->
</head>
<body>
</body>
</html>
补充：
1.
<meta name='viewport' content='width=device-width,initial-scale=1'>
为了确保适当的绘制和触屏缩放，需在<head>中添加viewport元数据标签。
在移动设备浏览器上，通过视口(viewport)设置meta属性为user-scalable=no可禁用其缩放(zooming)功能
2.
<meta name='renderer' content='webkit'>
优先以webkit渲染页面，国内浏览器厂商一般都支持兼容模式（即ie内核）和高速模式（即webkit内核）