下面是对meta标签作用的一些整合...(不常用的不列了,以下都是常用到的)
1、name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息 和分类信息用的。
举例说明:
(1)keywords用来告诉搜索引擎你网页的关键字是什么。
(2)description(网站内容描述)
(3)author(标注网站作者)
(4)robots(robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。)
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
参数:
信息参数为all:文件将被检索,且页面上的链接可以被查询;
信息参数为none:文件将不被检索,且页面上的链接不可以被查询;
信息参数为index:文件将被检索;
信息参数为follow:页面上的链接可以被查询;
信息参数为noindex:文件将不被检索,但页面上的链接可以被查询;
信息参数为nofollow:文件将被检索,但页面上的链接不可以被查询;
(5)copyright(meta标签的copyright的信息参数,代表说明网站版权信息。)
2、http-equiv属性
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。
(1)refresh(自动刷新并指向新页面。)
(2)set-cookie(如果网页过期,那么存盘的cookie将被删除)
//时间格式得对gmt
(3)window-target(强制页面在当前窗口以独立页面显示)//这个属性用来防止别人在框架里调用自己的页面
(4)content-type(显示字符集的设定)
一般设置为utf-8,世界通用字符编码
(5)page-enter(页面过渡效果)用的少,效果挺好,但是ie中是可以的,谷歌浏览器是不支持的;
page-enter : 进入页面;
page-exit : 离开页面;
site-enter : 进入网站;
site-exit : 离开网站;
0 : 矩形收缩转换。
1 : 矩形扩张转换。
2 : 圆形收缩转换。
3 : 圆形扩张转换。
4 : 向上擦除。
5 : 向下擦除。
6 : 向右擦除。
7 : 向左擦除。
8 : 纵向百叶窗转换。
9 : 横向百叶窗转换。
10 : 国际象棋棋盘横向转换。
11 : 国际象棋棋盘纵向转换。
12 : 随机杂点干扰转换。
13 : 左右关门效果转换。
14 : 左右开门效果转换。
15 : 上下关门效果转换。
16 : 上下开门效果转换。
17 : 从右上角到左下角的锯齿边覆盖效果转换。
18 : 从右下角到左上角的锯齿边覆盖效果转换。
19 : 从左上角到右下角的锯齿边覆盖效果转换。
20 : 从左下角到右上角的锯齿边覆盖效果转换。
21 : 随机横线条转换。
22 : 随机竖线条转换。
23 : 随机使用上面可能的值转换。
移动端专用:
1、h5页面窗口自动调整到设备宽度,并禁止用户缩放页面
2、忽略将页面中的数字识别为电话号码
3、忽略android平台中对邮箱地址的识别
4、当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari
5、将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式
6、uc强制竖屏
7、 qq强制竖屏
8、开启对web app程序的支持
9、 改变顶部状态条的颜色;
default:白色 black:黑色 black-translucent:灰色半透明
10、启用360浏览器的极速模式(webkit)
11、避免ie使用兼容模式
12、禁止 chrome 浏览器中自动提示翻译
13、添加智能 app 广告条 smart app banner(ios 6+ safari)
myappstoreid、myaffiliatedata、myurl是自己的iphone参数
前端开发移动端通用头部(meta)
开心鬼看视频
开心鬼看视频
meta标签常用的大概就是这么一些...