网页html代码中，meta标签是个非常重要的标签，meta标签可以包含很多属性，而其中有5个是不可缺少的。
meta标签属性
1、title
title其实不算是meta标签的属性，其本身就是一个标签，称为title标签。
这个属性可以说是最重要的，就像每篇文章都不能没有标题一样，网页同样也要有标题，并且这个标题是独有的不重复的。这也是页面参与搜索排名的最重要参照。
title标签的使用例子：
<title>网速测试,网站速度测试—卡卡网 www.webkaka.com</title>
其实，title也可以作为meta的一个属性，写法如下：
<meta property="og:title" content="网速测试,网站速度测试—卡卡网 www.webkaka.com" />
2、content-type
content-type这个属性定义了该页面的编码，指定了网页制作所使用的文字以及语言，并规定浏览器展示页面时显示的为该语言，务必确保每个页面都有这个标签。该标签的书写例子为：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
其中，utf-8为网页编码，不同的语言对应着不同的charset。一般情况下都用utf-8，以免网页中文出现乱码的现象。
3、keywords
keywords属性是要指明文章的关键词。
这个标签最重要作用在于：搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。因此这个标签对文章SEO是非常重要的。
keywords属性使用例子如下：
<meta name="keywords" content="在线网速测试,网站速度测试,卡卡网,webkaka" />
Google在网站排名中没有利用Meta keywords？
4、description
description属性是文章简要文字描述的意思。
这个标签现在的最重要作用就是：当用户在搜索引擎中搜索找到页面时，在搜索结果列表中补充描述该页面。在description中含有的词语，同样会被搜索引擎识别，并且同样的可以在某种程度上作为关键词参与排名。description的内容将会很大程度影响用户是否点击你的页面。写作description时有点像出售对应页面的广告语，一定要写的吸引人点击，并且不要夸大事实。description的长度最好不要超过160字节。
description属性使用例子如下：
<meta name="description" content="卡卡网是专业的网站测速平台" />
5、viewport
ViewPort属性用于指定用户是否可以缩放Web页面。
ViewPort属性显得十分重要，如果你的页面上没有这个meta标签，那么你的页面的移动端体验可能会非常差，在搜索与浏览的流量越来越向移动端倾斜的现在，你应当为此做好准备。
viewport的meta标签书写方式例子如下：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
其中，width和height指令分别指定视区的逻辑宽度和高度。width指令使用width=device-width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。user-scalable指令指定用户是否可以缩放视区，即缩放Web页面的视图。值为yes时允许用户进行缩放，值为no时不允许缩放。
initial-scale指令用于设置Web页面的初始缩放比例。默认的初始缩放比例值因智能手机浏览器的不同而有所差异。通常情况下设备会在浏览器中呈现出整个Web页面，设为1.0则将显示未经缩放的Web文档。
maximum-scale和minimum-scale指令用于设置用户对Web页面缩放比例的限制。值的范围为0.25至10.0之间。与initial-scale相同，这些指令的值是应用于视区内容的缩放比例。
6、其他
除了上述提到的5个meta标签之外，还有几个常用的meta标签属性，如：social、robots、refresh、url等。
此外，还有一些不太常用的meta标签属性，如：author/web author、revisit after、Rating、Expiration/date、copyright、abstract、distribution、Generator、resource type等。
发表评论