概述
概要
meta是html语言head区的一个辅助性标签,标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务;
必要属性
属性 | 值 | 描述 |
---|---|---|
content | some text | 定义与http-equiv或name属性相关的元信息 |
一 : n a m e 属 性 color{#FF3030}{一:name属性} 一:name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是:<meta name="参数" content="具体的参数值">
name属性主要有以下几种参数:
参数 | 说明 | 用法 |
---|---|---|
Keywords | 关键字 | <meta name ="keywords" content="百度一下你就知道"> |
description | 网站内容描述 | <meta name="description" content="全球最大的中文搜索引擎、致力于让网民更便捷地获取信息 " > |
robots | 搜索引擎索引方式 | <meta name="robots" content="none"> |
author | 标注网页的作者 | <meta name="author" content="不时髦的耳朵> |
二 : h t t p − e q u i v 属 性 color{#FF3030}{二:http-equiv属性} 二:http−equiv属性
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值
http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;
http-equiv属性主要有以下几种参数:
参数 | 说明 | 用法 |
---|---|---|
content-type | 规定文档的字符编码 | <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
default-style | 规定要使用的预定义的样式表 | <meta http-equiv="default-style" content="the document's preferred stylesheet"> |
Refresh(刷新) | 自动刷新并指向新页面 | <meta http-equiv="Refresh" content="2;URL=http://www.baidu.com"> |
下面展示一些 常用的meta标签
// 百度官方给的禁止转码声明。在网页中添加了这一条,百度就不会移动搜索中将网站转码,并呈现给移动端用户
<meta http-equiv="Cache-Control" content="no-transform" />
// 页面缓存时间的最大值是0秒,目的是不让页面缓存,每次访问必须到服务器读取
<meta http-equiv="Cache-Control"content="max-age=0"/>
// 强制Chromium内核,作用于360浏览器、QQ浏览器等国产双核浏览器
<meta name="renderer" content="webkit"/>
// 强制Chromium内核,作用于其他双核浏览器
<meta name="force-rendering" content="webkit"/>
// 提前进行DNS解析以此来提升网站性能,可以让a标签在HTTPS环境下进行DNS预解析
<meta http-equiv="x-dns-prefetch-control" content="on"/>
// 当手机用户浏览PC网站会自动跳转到对应的手机端网站
<meta name="mobile-agent"content="format=html5; url=/m"/>
// 转码申明,用百度打开网页可能会对其进行转码(比如贴广告)
<meta name="renderer" content="webkit|ie-comp|ie-stand"/>
// 启用 WebApp 全屏模式
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
最后
以上就是美满皮带为你收集整理的网页常用的meta标签整理的全部内容,希望文章能够帮你解决网页常用的meta标签整理所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复