HTML META 元数据标签详解

HTML META 元数据标签详解

简介：讲述META元素中的属性（name、http-equiv）有多少种，分别代表什么意思，以及使用场景 欢迎补充

理论知识（理解META）：

---

标签必须位于 元素中。

参考如下链接
阮一峰老师的元数据（MetaData）
MDN
htmldoctor

实战开发(怎么用，用那些)：

http-equiv

设定字符集

 

缓存设定----禁止浏览器缓存

    






 

详细参阅：http://www.ruanyifeng.com/blog/2016/09/csp.html

name

name 特性指定了meta 元素的类型; 说明该元素包含了什么类型的信息。
content 指定了实际的元数据内容。

定义正运行在该网页上的网络应用名称；

 
  
 index	允许robot索引本页面（默认）
 noindex	不允许robot索引本页面
 follow	允许搜索引擎继续通过此网页的链接索引搜索其它的网页（默认）
 nofollow	搜索引擎不继续通过此网页的链接索引搜索其它的网页
 none	相当于noindex，nofollow
 noodp	禁止使用Open Directory Project描述（如果有的话）作为搜索引擎结果中的页面描述。
 noarchive	要求搜索引擎不缓存页面内容
 nosnippet	禁止在搜索引擎结果中显示该页面的任何描述。
 noimageindex	要求此页面不作为引用页面的索引图像的显示。
 nocache	和noarchive同义

// 定义页面内容版权信息

// 页面的最新版本

由于Chrome M31，您可以设置您的网络应用程序，将应用程序快捷方式图标添加到设备的主屏幕，并使用Chrome for Android的“添加到主屏幕”菜单项，以全屏“应用程序模式”启动该应用程序。
有关mobile-web-app-capable元标记的详细信息，请向下滚动到“在M39之前支持主屏幕安装的应用程序”：

自M31以来，Chrome将在网页的元素中寻找以下元标记（如果有指定显示的清单，则会被忽略）：



name属性必须是“mobile-web-app-capable”，而content属性必须是“yes”（case in-sensitive）。如果content属性中有任何其他值，则Web应用将作为常规书签添加。

Apple 的一些 meta 、 link 效果
[参见APPLE] (https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW2)

针对微软的IE or edge 浏览器的一些站点元数据设置 
https://msdn.microsoft.com/zh-cn/library/gg491732(v=vs.85).aspx
 
    
    
    

转载于:https://my.oschina.net/anmin/blog/1512558