meta信息

发布于 2021-01-17  214 次阅读 本文共2267个字


HTML中的meta标签主要呢是用来描述网页,提供辅助的。不同的meta标签,则为网页带来不同的效果。

那不同的标签有什么意义呢?看下边这个表:

meta说明
<!DOCTYPE html>H5标准声明,使用 HTML5 doctype,不区分大小写
<head lang="en">标准的 lang 属性写法
<meta charset=’utf-8′>声明文档使用的字符编码
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>优先使用 IE 最新版本和 Chrome
<meta name="description" content="不超过150个字符"/>页面描述
<meta name="keywords" content=""/>页面关键词
<meta name="author" content="name, email@gmail.com"/>网页作者信息
<meta name="robots" content="index,follow"/>搜索引擎抓取
<meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">为移动设备添加 viewport
<meta name="apple-mobile-web-app-title" content="标题">iOS 设备 begin
<meta name="apple-mobile-web-app-capable" content="yes"/>添加到主屏后的标题(iOS 6 新增)是否启用 WebApp 全屏模式,删除苹果默认的工具栏和菜单栏
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">添加智能 App 广告条 Smart App Banner(iOS 6+ Safari)
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>设置苹果工具栏颜色
<meta name="renderer" content="webkit">启用360浏览器的极速模式(webkit)
<meta http-equiv="X-UA-Compatible" content="IE=edge">避免IE使用兼容模式
<meta http-equiv="Cache-Control" content="no-siteapp"/>不让百度转码
<meta name="HandheldFriendly" content="true">针对手持设备优化,主要是针对一些老的不识别viewport的浏览器,比如黑莓
<meta name="MobileOptimized" content="320">微软的老式浏览器
<meta name="screen-orientation" content="portrait">uc强制竖屏
<meta name="x5-orientation" content="portrait">QQ强制竖屏
<meta name="full-screen" content="yes">UC强制全屏
<meta name="x5-fullscreen" content="true">QQ强制全屏
<meta name="browsermode" content="application">UC应用模式
<meta name="x5-page-mode" content="app">QQ应用模式
<meta name="msapplication-tap-highlight" content="no">windows phone 点击无高光设置页面不缓存
<meta http-equiv="pragma" content="no-cache">pragma与no-cache用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.)
<meta http-equiv="cache-control" content="no-cache">Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached,响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。
<meta http-equiv="expires" content="0">指定Expires值为一个早已过去的时间,那么访问此网时若重复在地址栏按回车,那么每次都会重复访问: Expires: Fri, 31 Dec 1999 16:00:00 GMT 比如:禁止页面在IE中缓存 http响应消息头部设置: CacheControl = no-cache Pragma=no-cache Expires = -1 Expires是个好东东,如果服务器上的网页经常变化,就把它设置为0,表示立即过期

努力,只为遇见更好的自己!