meta属性

许多东西更新很快，没有系统的学过HTML5+css3，但是又一直在开发项目，资料网上获取的多啊。

之前一直搞不懂meta到底有何用，以后重头慢慢学吧。

做的好的网站meta里面总会有许多东西。

 

在segmentfault看到这篇文章，觉得整理的很详细，
原文地址：http://segmentfault.com/blog/ciaocc/1190000002407912 
作者：ciaocc 

 

< meta > 元素

概要

标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School

参考别人写网站时，我把meta感觉无用的都删除，其实只是不理解，网站发布之后，发现，默认实在360兼容模式下打开，网站就乱了。

• 浏览器内核控制：国内浏览器很多都是双内核（webkit和Trident），webkit内核高速浏览，IE内核兼容网页和旧版网站。而添加meta标签的网站可以控制浏览器选择何种内核渲染。

• 页面关键词，每个网页应具有描述该网页内容的一组唯一的关键字。
  使用人们可能会搜索，并准确描述网页上所提供信息的描述性和代表性关键字及短语。标记内容太短，则搜索引擎可能不会认为这些内容相关。另外标记不应超过 874 个字符。
• • viewport：能优化移动浏览器的显示。如果不是响应式网站，不要使用initial-scale或者禁用缩放。
    大部分4.7-5寸设备的viewport宽设为360px；5.5寸设备设为400px；iphone6设为375px；ipone6 plus设为414px。