## 頭部書寫規范
**頭部必須加入的標簽**
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>
~~~
