问题描述

html5开发meta标签求详解

html5里meta标签到底该怎么理解？开发pc网站与开发移动网站，我发现meta里的内容大不一样，但是我学到的教程里貌似没有移动平台里那么多的陌生东西啊，比如< meta name="viewport" content="width=device-width,height=device-height, user-scalable=no,initial-scale=1, minimum-scale=1, maximum-scale=1,target-densitydpi=device-dpi" />"意思是屏幕缩放，这些有专门的设定吗？

此外，w3school教程里说meta的名称没有任何预先定义，既然如此，那么keywords、content-type等这些名称怎么感觉起来像是预定义了？content里的内容可以是任何有效的字符串，这个有设定的内容或格式吧，比如text/html;charset="utf-8"，总不能写成text,html,charset=utf-8，这个浏览器能读懂吗？

解决方案

viewport：http://www.cnblogs.com/pigtail/archive/2013/03/15/2961631.html

keywords、content-type，description这些是主要的，content-type定义类型和编码，给浏览器使用

keywords,description主要给搜索引擎用的，定义关键字和页面的描述

其他的随便搞，看浏览器的支持了，如X-UA-Compatible这个是给ie用的，强制ie以那种兼容模式打开，以ie5或者ie6，ie7什么的

还有

 <meta name="renderer" content="webkit">

是360独有的，不管页面文档模式如何，将以webkit核心解析。

解决方案二：

http://blog.csdn.net/huang100qi/article/details/42596799
http://www.w3school.com.cn/html5/html5_meta.asp