1.<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
描述了页面采用的编码格式
2.<meta http-equiv="Content-Language" content="zh-CN" />
描述了页面采用的语言
3.<meta name="author" content="Csdn" />
描述了页面的编写人
4.<meta name="Copyright" content="Csdn" />
描述了页面的版权所属
5.<meta name="description" content="" />
描述了页面的简单描述
6.<meta name="keyword" content="" />
描述了页面的关键字
注:5和6主要用于搜索引擎的搜索,比如百度等
7.<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
这样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果未安装GCF,则使用最高版本的IE内核进行渲染
8.<meta name="renderer" content="webkit"/>
表明页面使用极速模式,类似的有:<meta name="renderer" content="ie-comp"> --页面默认兼容ie内核
<meta name="renderer" content="ie-stand"> --页面默认使用ie标准
<meta name="renderer" content="webkit|ie-comp|ie-stand"> -- 我们也可以使用“|”来进行分割,页面将按照从左到右的顺序来进行渲染
9.<meta name="apple-itunes-app" content="app-id=468944728"/>
可以告诉浏览器,这个页面对应的app是什么,然后在页面显示一个下载链接的banner
10.<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=yes"/>
网页宽度自适应手机浏览器的屏幕大小,并允许用户修改页面大小;若,不允许用户修改则将user-scalable的值改为no
注:
width=device-width :表示宽度是设备屏幕的宽度
initial-scale=1.0:表示初始的缩放比例
minimum-scale=0.5:表示最小的缩放比例
maximum-scale=2.0:表示最大的缩放比例
user-scalable=yes:表示用户是否可以调整缩放比例
11. <!--[if IE 6]> <script src="webpage/html/js/FilterImage.js"></script> <script>DD_belatedPNG.fix('*');</script> <![endif]-->
DD_belatedPNG支持 backgrond-position 与 background-repeat ,这是其他 js 插件不具备的.同时DD_belatedPNG 还支持 a:hover 伪类属性,以及 img 标签,同时还解决了ie6不支持透明的png-24的问题。具体有关于 DD_belatedPNG 的详细介绍请阅览官方文档:http://www.dillerdesign.com/experiment/DD_belatedPNG/ 这里就不提供翻译了。
12.
语句一:<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon"> 语句二:<link rel="icon" href="animated_favicon.gif" type="image/gif" />