今天查Html手册的时候又有新发现。这是总结Meta在HTML中的使用的机会。 HTML标签，所有浏览器都支持标签。它提供有关HTML文档的元数据。元数据不显示在页面上，但机器可读。它可用于浏览器（如何显示内容或重新加载页面）、搜索引擎的描述和关键字以及更新频率，或其他网络服务。 标签位于文档头部，不包含任何内容。标签的属性定义了与文档关联的名称/值对。在这里我建了一个前端学习交流群：132667127，自己整理的最新前端资料和进阶开发教程。有需要的可以加群一起学习交流 在HTML中，标签是没有结束标签的。在XHTML中，标签必须正确关闭。Requiredattribute属性值描述contentsometext定义与http-equiv或name属性相关的元信息optionalattribute属性值描述http-equivcontent-type/expire/refresh/set-cookie将content属性关联到HTTP标头。nameauthor/description/keywords/generator/revised/others将内容属性与名称相关联。内容文本定义了用于转换内容属性值的格式。搜索引擎优化优化 关键字：像这样的元标记可能有助于被搜索引擎索引。使用人们可能会搜索的描述性和代表性的关键字和短语，并准确描述网页上显示的信息。搜索引擎可能认为太短的标签不相关，并且不应超过874个字符。 页面描述，每个网页要有一个不超过150个字符的描述标签，能准确反映网页内容 搜索引擎索引方法，robotterms是一组用逗号（,）分隔的值，通常有以下值：none,noindex,nofollow，全部，索引和关注。确保正确使用nofollow和noindex属性值。 页面重定向与刷新：内容中的数字代表时间（秒），即多久刷新一次。如果你添加一个url，它会重定向到指定的网页（搜索引擎可以自动检测到，很容易被引擎惩罚为误导）。 移动设备 viewport：可以优化移动浏览器的显示。如果它不是响应式站点，请不要使用initial-scale或禁用缩放。大多数4.7-5英寸设备的视口宽度设置为360px；5.5寸设备设置为400px；iphone6设置为375px；ipone6plus设置为414px。许多人在非响应式网站上使用initial-scale=1，这将以100%宽度呈现网站，用户需要手动移动页面或缩放。如果user-scalable=no或maximum-scale=1与initial-scale=1一起使用，用户将无法放大/缩小以查看页面的全部内容。 内容参数： width视口宽度（值/设备宽度） height视口高度（值/设备高度） initial-scale初始缩放 maximum-scale最大缩放 minimum-scale user-scalable是否允许用户缩放(yes/no) 浏览器平台 MicrosoftInternetExplorer GoogleChrome 360浏览Renderer UC手机浏览器 QQ手机浏览器 AppleiOS GoogleAndroid应用链接 其他常用的meta网页相关 网页编码：可用以下两种charset定义方式 禁止缓存：禁止浏览器从本机缓存中调用页面内容，网页不会保存在缓存中，页面会被缓存每次访问都会刷新使用此设置，访问者将无法离线浏览 网页过期时间：指定网页在缓存中的过期时间。一旦网页过期，就必须去服务器重新读取。注意：必须使用GMT的时间格式，或者直接设置为0（数字表示多长时间后过期） Cookie设置：注意：必须使用GMT时间格式 显示窗口设置：强制页面在当前窗口显示为独立页面。该属性用于防止其他人在框架中调用您的页面。Contentoptions:_blank,_top,_self,_parent.♂进入和退出：这些是页面加载和调用时的一些特效。这个有很多特效，可以查看Page-Exit了解更多。安全相关 ContentSecurityPolicyCSP(Content-Security-Policy)，可以参考https://blog.csdn.net/u014465...
