mata标签

之前看过meta标签的整理，结果看完就忘了。
【笔试题下面会提及】结果就一脸懵逼全忘了。特意开此文章，加深印象。
【后续会不断更新】
参考文章：http://www.cssue.com/xhtml-css/html5-css3/mobile-meta.html
http://www.haorooms.com/post/html_meta_ds
https://segmentfault.com/a/1190000002407912

总体的思维导图如下。

【笔试题】
请解释以下标签的含义

• <meta name="robots" content="index,follow" />

  > 先来看一下**robots**的意思。robots其实就是机器人向导，用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
  content的值：
  >* all【文件将被检索，且页面上的链接可以被查询】  
  >* none【文件将不被检索，且页面上的链接不可以被查询】  
  >* index【文件将被检索】  
  >* follow【页面上的链接可以被查询】  
  >* noindex【文件将不被检索，但页面上的链接可以被查询】 
  >* nofollow【文件将被检索，但页面上的链接不可以被查询】
  
  所以这个标签的意思是**文件将被检索，页面上的链接也可以被查询**。
  

• <meta name="apple-mobile-web-app-capable" content="yes" />

  >之前没有关注过的移动平台的meta标签。
  >yes主要是**开启web-app的模式**，即隐藏默认的苹果工具栏和菜单栏，伪装为app的样子。
  >若没有设置或者content="no"，默认是显示菜单栏和工具栏的。
  

• <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  > 通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。
  >IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame。