meta标签

大佬教程收集整理的这篇文章主要介绍了meta标签，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

本页面的head标签内的meta元素设置如下：

@H_394_0@meta基础知识

@H_394_0@meta指可提供有关页面的元信息（meta-information),比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。

分类：meta标签可分为两大部分： http-equiv和name变量。

1、http-equiv

http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助浏览器正确的显示网页内容。

说明：IE=edge告诉IE 使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame.

PS：谷歌添加一个插件：Google Chrome Frame（谷歌内嵌浏览器框架GCF），这个插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7、8等多个版本的IE浏览器。

说明：设定页面使用的字符集

content的内容为：

• GB2312，说明网站采用的编码是简体中文
• ISO-8859-1，说明网站采用的编码是英文
• UTF-8，代表世界通用的语言编码

PS: html5页面直接使用

2、name

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要便于搜索引擎机器人查找信息和分类信息用。

说明：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面;

viewport的属性：

• width: viewport的宽度
• height: viewport的高度
• initial-scale : 初始的缩放比例
@H_415_75@minimum-scale : 允许用户缩放到的最小比例 @H_415_75@maximum-scale : 允许用户缩放到的最大比例
• user-scalable : 用户是否可以手动缩放
• target-densitydpi = device-dpi" （android才生效）：设备的密度等级

说明：H5页面窗口宽度为720px(根据设计图稿的尺寸来决定)，并禁止用户缩放页面。target-densitydpi针对android手机，其实就是充当缩放的功能。

target-densitydpi取值：可以为一个数值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 这几个字符串中的一个。

当你设target-densitydpi = device-dpi时：

华为荣耀xx可视区宽度 = 设备宽度 * dpi比值 = 360 * (160/160) = 360

小米1可视区宽度 = 设备宽度 * dpi比值 = 320 * (240/160) = 480

联想乐檬可视区宽度 = 设备宽度 * dpi比值 = 360 * (320/160)= 720

魅蓝可视区宽度 = 设备宽度 * dpi比值 = 432 * (400/160) = 1080

PS：根据上面的结论，我强烈建议不要使用target-densitydpi = device-dpi， 因为不同设备上最终的可视区的宽度差异很大，除非你的app有为之做处理（rem、em的相对单位写法）。

说明：是否启用WebApp全屏模式，删除苹果默认的工具栏和菜单栏。

说明：设置苹果工具栏颜色

说明：忽略页面中的数字识别为电话，忽略email识别。

说明：uc强制竖屏

说明：uc强制全屏

说明：QQ强制竖屏

说明：QQ强制全屏

说明：标注网页的作者

说明：页面关键词，用于被搜索引擎收录

说明：页面描述，用于搜索引擎收录

说明：指定双核浏览器默认以何种方式渲染页面。

PS:360浏览器是基于webkit内核和IE内核的双内核浏览器。

转自：https://www.cnblogs.com/wdlhao/p/8831175.html

大佬总结

以上是大佬教程为你收集整理的meta标签全部内容，希望文章能够帮你解决meta标签所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。