网站建设中的meta简介

作者:网络 日期:2021-05-03 浏览:


meta简介

网页元数据,常用于定义网页的编码、说明、关键字、修改日期及其他信息。这些数据服务于浏览器、搜索引擎等。

meta 标签的2个属性name, http-equiv。

<meta name="参数" content="具体的描述">。

name 属性

<!-- SEO 搜索引擎优化 -->
<meta name="keywords" content="关键词">
<meta name="description" content="页面介绍">
<!-- 移动设备Viewport -->
<meta name="viewport" content="initial-scale=1">
<!-- 关闭iOS电话号码自动识别 -->
<meta name="format-detection" content="telphone=no">
<!-- 360浏览器定向
内核 -->
<meta name="renderer" content="webkit">

http-equiv 属性

http-equiv 模拟 http 服务器响应头。

X-UA-Compatible

用于告知浏览器以何种版本来渲染页面。(一般都设置为更 新模式,在各大框架中这个设置也很常见。)

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> /

cache-control

控制缓存。

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

共有以下几种用法:

no-cache: 协商缓存。先发送请求,与服务器确认该资源是否被更改,如果未被更改,则使用缓存。

no-store: 不允许缓存,每次都要去服务器上,下载完整的响应。

public : 缓存拥有 响应,但并非需要 。

private : 只为单个用户缓存,因此不允许任何中继进行缓存。(比如说CDN就不允许缓存private的响应)

maxage : 表示当前请求开始,该响应在多久内能被缓存和重用,而不去服务器重新请求。例如:max-age=60表示响应可以再缓存和重用 60 秒。

定向 编码

<meta charset="UTF-8">

插播: doctype用于定向 文档标准和版本,浏览器根据该值采用哪种渲染模式。

【秒速科技】杭州网站建设公司专注网站建设13年,致力于专业 网站建设、响应式网站建设、手机网站建设、网站制作、网站设计、微信开发、APP开发等定制开发服务!
主页
电话
微信
联系