免费的QQ技术网,残梦资源网,QQ教程网

网站首页 网页特效 其他特效 正文

HTML中常用meta标签及说明

2020-08-27 其他特效 85 ℃ 0 评论

1.charset   定义文档的字符编码

例如:

<meta charset="UTF-8">


2. name  把 content 属性关联到一个名称,其属性有

name 属性 content 属性描  述
description中文或英文字母均可

规定页面的描述。搜索引擎会把这个描述显示在搜索结果中。

例如: <meta name="description" content="这是一个游戏网站">

keywords中文或英文字母均可

规定一个逗号分隔的关键词列表 - 相关的网页(告诉搜索引擎页面是与什么相关的)。

提示:总是规定关键词(对于搜索引擎进行页面分类是必要的)。

例如:<meta name="description" content="飞车,换装,跑马,斗地主,冒险岛">

viewportwidth

设置layout viewport 的宽度,为一个正整数,或字符串"width-device"

initial-scale 设置页面的初始缩放值,为一个数字,可以带小数
minimum-scale 允许用户的最小缩放值,为一个数字,可以带小数
maximum-scale允许用户的最大缩放值,为一个数字,可以带小数
user-scalable 是否允许用户进行缩放,值为"no"或"yes", no 代表不允许,yes代表允许
例如:<meta name="viewport" content="width=device-width, minimum-scale =1,maximum-scale=2, initial-scale=1">
renderer  webkit

页面需默认指定使用极速核

例如:<meta name="renderer" content="webkit"> 

ie-comp

页面需默认指定使用ie兼容内核

例如:<meta name="renderer" content="ie-comp"> 

ie-stand

页面需默认指定使用ie标准内核

例如:<meta name="renderer" content="ie-stand"> 


3.http-equiv  把 content 属性关联到 HTTP 头部

http-equiv 属性content  属性描述
content-typetext/html; charset=UTF-8

规定文档的字符编码

例如:<meta http-equiv="content-type" content="text/html; charset=UTF-8">

提示:使用 http-equiv 已经不是规定 HTML 文档的字符集的唯一方式,上面例子大部分用于HTML 4.01

HTML5推荐使用:<meta charset="UTF-8">

refreshNumber

定义文档自动刷新的时间间隔

例如:<meta http-equiv="refresh" content="300">

提示:"refresh" 应该慎重使用,因为它会使得页面不受用户控制。在 W3C's Web 内容可访问性指南 中使用 "refresh" 会到导致失败。

PC常用Meta 

<meta charset="UTF-8"> <!--编码方式采用UTF-8-->
<meta name="renderer" content="webkit"> <!--默认使用极速内核-->
<meta name="keysword" content="飞车,换装,跑马,斗地主,冒险岛">  <!--网站关键词-->
<meta name="description" content="这是一个游戏网站"> <!--网站描述-->

移动端常用Meta(pc常用 + 以下任意代码即可)

// 允许用户缩放
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale =1,maximum-scale=2,"> <!--页面宽度默认为屏幕宽度,页面缩放的最小即默认大小,最大为默认大小的2倍,页面初始缩放值为1,即默认大小-->

// 不允许用户缩放
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <!--页面宽度默认为屏幕宽度,页面初始缩放值为1,即默认大小,不允许用户缩放页面-->


Tags:HTML5

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

网站分类
标签列表
最近发表