meta标签几个常用方法!

  • meta标签几个常用方法!已关闭评论
  • 37 次浏览
  • A+
所属分类:Web前端
摘要

 <!– 设置页面编码格式,中文问题–><meta http-equiv=”Content-Type” content=”text/html; charset=”utf-8″ />

 

<!-- 设置页面编码格式,中文问题-->

<meta http-equiv="Content-Type" content="text/html; charset="utf-8" />

<!-- 强制文档宽度与设备宽度保持1:1,且文档最大宽度比例是1.0,不允许用户点击屏幕放大浏览,用户是否可以手动缩放-->
<meta content="width=device-width,initial-scale=1.0,maximun-scale=1.0,user-scalable=0;" name = "viewport"/>
<!-- iPhone中safari浏览器允许全屏模式浏览 -->
<meta content="yes" name="apple-mobile-web-app-capable"/>
<!-- iPhone中safari顶端状态条样式 -->
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<!-- 忽略将页面数字识别为电话号码 -->
<meta content="telephone=no" name="format-detection"/>
<!-- 忽略页面中邮件地址 -->
<meta content="email=no" name="format-detection"/>
<!-- 禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出 -->
<meta http-equiv="pragma" content="no-cache">
<!-- 清除缓存(再访问这个网站要重新下载!)-->
<meta http-equiv="cache-control" content="no-cache">
<!-- 设定网页的到期时间,一旦网页过期,必须到服务器上重新传输。-->
<meta http-equiv="expires" content="0">
<!-- 关键字,搜索引擎用-->
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<!-- 页面描述-->
<meta http-equiv="description" content="This is my page">
<!-- 几秒后页面自动跳转-->
<meta http-equiv="Refresh" content="2;URL=http://www.xxx.com/">
<!-- Set-Cookie如果网页过期,那么存盘的cookie将被删除-->
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 29-Oct-2022 10:12:00 GMT; path=/">