map标签详解

meta标签详解

声明文档使用的字符编码:

<meta charset='utf-8'> 

页面描述:

<meta name="description" content="不超过150个字符"/>   

页面关键词:

<meta name="keywords" content=""/>

网页作者：

<meta name="author" content="name, [e-mail]"/> 

robots用来告诉搜索机器人哪些页面需要牵引，哪些页面不需要索引。content的参数有all，none，index，noindex，follow，nofollow，默认是all：

<meta name="robots" content="none">

说明网站采用什么软件制作：

<meta name="generator" content="制作软件">

代表网站版权信息：

<meta name="COPYRIGHT" content="版权信息">

设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。content的值必须是GMT格式：

<meta http-equiv="expires" content="Fri, 02Jan200115:38:54GMT">

禁止浏览器从本地计算机的缓存中访问页面的内容，使访问者无法脱机浏览：

< meta http-equiv="Pragma" content="no-cache">

自动刷新并指向新页面，content的值为刷新时间，单位为秒，url指向新页面：

<meta http-equiv="Refresh" content="2; URL=http://www.baidu.com">

强制页面在当前窗口以独立页面显示，防止别人在框架里调用自己的页面：

<meta http-equiv="Window-target"content="_top">

启用360浏览器的极速模式(webkit)：

<meta name="renderer" content="webkit"> 

edge模式通知IE浏览器以*别的可用模式显示内容。避免了IE使用兼容模式，content的值可指定IE版本渲染：

<meta http-equiv="X-UA-Compatible" content="edge" />

删除苹果默认的工具栏和菜单栏：

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

设置苹果工具栏颜色：

<meta name="apple-mobile-web-app-status-bar-style" content="black">

针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓：

<meta name="HandheldFriendly" content="True">

微软的老式浏览器：

<meta name="MobileOptimized" content="320">

优化移动浏览器的显示 css像素宽度等于设备像素宽度，不允许缩放：

<meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">

本文地址：https://blog.csdn.net/qq_41226196/article/details/109238721