meta语句的作用

不同的meta语句的作用

<meta charset="utf-8">

作用:告诉浏览器要使用什么字符编码,如果不加这条语句,当页面内有中文,就会显示乱码,但是样式不会变。在这之后我们要了解有几个常用的字符编码。

gb2312:代表国家标准第2312条,其中是不包含繁体的

gbk:国家标准扩展版(增加了繁体,包含所有亚洲字符集)。

unicode:万国码 UTF-8:unicode的升级版,也是最常用的一种字符编码··

<meta name="viewport" content="width=device-width, initial-scale=1.0">

作用: 把页面宽度设置为设备宽度,初始化的缩放为1, 并没有禁止缩放

name 指定的数据的名称 content 指定的数据的内容

content属性值 :

width:可视区域的宽度,值可为数字或关键词device-width

height:同width

intial-scale:页面首次被显示是可视区域的缩放级别,取值1.0则页面按实际尺寸显示,无任何缩放

maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别,

maximum-scale用户可将页面放大的程序,1.0将禁止用户放大到实际尺寸之上。

user-scalable:是否可对页面进行缩放,no 禁止缩放

<meta name="keywords" content="开发者,程序员,关键字">

作用: 为搜索引擎提供的关键字列表。这个也设计到SEO的一些优化,当然一般的前端工程师是不需要去设置这些关键字,ui会提前设计好,前端工程师只要复制就好。

keywords 表示网站的关键字,可以同时指定多个关键字,关键字间使用,隔开

<meta name="description" content="你网页的简述">

作用: Description用来告诉搜索引擎你的网站主要内容。

<meta http-equiv="X-UA-Compatible" content="IE=edge">

作用:告诉IE浏览器,IE8/9及以后的版本都会以最高版本IE来渲染页面。

<meta name="author" content="zcj">

作用:规定文档的作者的名字。

<meta name="Copyright" content="本页版权归爱我所爱,得我所得所有">

作用:标注版权

<META name="revisit-after" Content="5 days" >

作用:告诉搜索引擎每隔多少天访问一次你的页面,还有一个要注意的,这个标签并不能提高搜索引擎抓取网页的频率,也就是说当搜索引擎是隔10天来访问你的页面,而你设置的只要比10天小,那么它就之会隔10天来访问你的页面。

SEO建议:一般来说,网站并不需要使用revisit-after来限制搜索引擎的访问频率。而只有当网站数据量非常大,被搜索引擎频繁的抓取,会占用过多的服务器资源,这会影响网站的访问反应速度。在这种情况下,我们并不希望搜索引擎过于频繁抓取网页,一般设置成每隔5—7天来访问抓取一次网页即可!
后续我会不断的更新这篇文章,如果有不足或者有一些不同意见的请私信一下我

你可能感兴趣的:(HTML,html,meta)