## 头部书写规范
**头部必须加入的标签**
1. 网页显示字符集
`<meta charset="utf-8">`
2. 网页标题
`<title>网页标题</title>`
3. 设置搜索关键词
`<meta name="keywords" content="12xue,在线教育" />`
4. 网站简介
`<meta name="description" content="12xue在线教育简介" />`
5. 作者与版权信息
`<meta name="author" content="12xue" />
<meta name="copyright" content="www.12xue.com" />`
**可选加入的标签**
1. IE7 兼容模式
`<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />`
2. 设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅，这样有利于页面信息。
`<meta http-equiv="expires" content="wed, 26 feb 2009 08:21:57 gmt" />`
3. 禁止浏览器从本地机的缓存中调阅页面内容。
`<meta http-equiv="pragma" content="no-cache" />`
4. 用来防止别人在框架里调用你的页面。
`<meta http-equiv="window-target" content="_top" />`
5. 自动跳转。
`<meta http-equiv="refresh" content="5;url=http://www.12xue.com" />`
5指时间停留5秒。
6. 网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
`<meta name="robots" content="none" />`
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。
7. 强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；
`<meta content="width=device-width, initial-scale=1.0, maximun-scale=1.0, user-scalable=0;" name="viewport" />`
8. iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；
`<meta name="apple-mobile-web-app-capable" content="yes" />`
9. iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；
`<meta name="apple-mobile-web-app-status-bar-style" content="black" />`
10. 第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码
`<meta name="format-detection" content="telephone=no" />`
11. 去除Android平台中对邮箱地址的识别
`<meta name="format-detection" content="email=no" />`
12. 收藏夹图标
`<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />`
图片大小16px*16px
13. 订阅RSS浏览
是一种描述和同步网站内容的格式。用户可以通过RSS阅读器订阅。
`<link rel="alternte" href="rss.php" type="application/rss+xml" title="12xue" />`
**网页的css,javascript规范**
1. Css链入规范
`<link rel="stylesheet" type="text/css" href="css/base.css" />`
2. 页面内css规范
~~~
<style type="text/css">
<!--
...
-->
</style>
~~~
3. Script链入规范
`<script type="text/javascript" src="jquery.js"></script>`
4. 页面内script规范
~~~
<script type="text/javascript">
<!--
...
-->
</script>
~~~
