## 头部书写规范 **头部必须加入的标签** 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> ~~~