网页html代码中,meta标签是个非常重要的标签,meta标签可以包含很多属性,而其中有5个是不可缺少的。
meta标签属性
title其实不算是meta标签的属性,其本身就是一个标签,称为title标签。
title标签的使用例子:
其实,title也可以作为meta的一个属性,写法如下:
content-type这个属性定义了该页面的编码,指定了网页制作所使用的文字以及语言,并规定浏览器展示页面时显示的为该语言,务必确保每个页面都有这个标签。该标签的书写例子为:
其中,utf-8为网页编码,不同的语言对应着不同的charset。一般情况下都用utf-8,以免网页中文出现乱码的现象。
keywords属性使用例子如下:
description属性使用例子如下:
ViewPort属性用于指定用户是否可以缩放Web页面。
ViewPort属性显得十分重要,如果你的页面上没有这个meta标签,那么你的页面的移动端体验可能会非常差,在搜索与浏览的流量越来越向移动端倾斜的现在,你应当为此做好准备。
viewport的meta标签书写方式例子如下:
其中,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相同,这些指令的值是应用于视区内容的缩放比例。
除了上述提到的5个meta标签之外,还有几个常用的meta标签属性,如:social、robots、refresh、url等。
此外,还有一些不太常用的meta标签属性,如:author/webauthor、revisitafter、Rating、Expiration/date、copyright、abstract、distribution、Generator、resourcetype等。