浅析:meta / viewport

148 阅读1分钟

github 上有个仓库,叫 HEAD 的仓库:仓库地址,这个仓库就把所有流行的 meta 写法都告诉我们了

meta 标签

meta 标签是 HTML 语言 HEAD 区的一个辅助性标签

meta 标签一般用于描述 HTML 网页的属性,例如:作者、关键字、网页描述、和其它的「元数据」

「元数据」又是个啥?

元数据 - metadata,是用来 "描述数据的数据"

举个例子:你谈了个女朋友,你想跟你朋友介绍你的女朋友,你可能会通过:年龄(18岁)、身高(168)、头发(大波浪)、身材(S 曲线)来描述,这样你的朋友大概能知道你的对象是啥样的。

那么上面这个例子中 "年龄"、"身高"、"头发"、"身材",就是元数据

但是有这些还不够,我这么举例子,只是让小白明白:所谓的元数据,就是用一些字段来描述当前的网页,以便浏览器和搜索引擎在访问到此网页的时候,可以通过这些描述信息知道,知道如何去解析此网页的数据

  • keywords(关键字)

    • 告诉搜索引擎你的网页关键字是什么
  • author(作者)

    • 标注网页的作者

viewport

viewport 是用户网页的可视区域,也叫视口、视区

主要是用来适配移动端的,比如:不让用户在移动端对页面进行缩放

我一般是拷贝淘宝网移动端的 viewport

image.png