欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

移动web前端开发之HTML meta 标签

程序员文章站 2022-03-04 09:54:50
移动web前端开发之HTML meta 标签HTML中标签内的信息不会显示在页面中,定义标签的主要目的是因为它对机器是可读的。标签有很多功能,它可以定义文档中的关键字,也可以对文档进行描述,还可以配合自身的属性设置网页的过期时间等等。当我们定义了页面的关键字或者描述信息后,搜索引擎蜘蛛(也就是常说的网络爬虫)就可以利用它们来搜索这个页面的信息当然标签的设置在我们移动端开发中也是必不可少的一步!

移动web前端开发之HTML meta 标签

HTML中<meta>标签内的信息不会显示在页面中,定义<meta>标签的主要目的是因为它对机器是可读的。

<meta>标签有很多功能,它可以定义文档中的关键字,也可以对文档进行描述,还可以配合自身的属性设置网页的过期时间等等。

当我们定义了页面的关键字或者描述信息后,搜索引擎蜘蛛(也就是常说的网络爬虫)就可以利用它们来搜索这个页面的信息

当然<meta>标签的设置在我们移动端开发中也是必不可少的一步!

<meta>语法

<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">

<meta>属性

移动web前端开发之HTML meta 标签

移动端<meta>最标准的viewport设置

  • 视口宽度和设备保持一致
  • 视口的默认缩放比例1.0
  • 不允许用户自行缩放
  • 最大允许的缩放比例1.0
  • 最小允许的缩放比例1.0

本文地址:https://blog.csdn.net/XVJINHUA954/article/details/112588492