芜湖企业网站建设、网页设计、网站SEO优化、模板建站、微信小程序开发的网站定制服务由芜湖芝麻开门网络科技有限公司为您提供。
建站电话

0553-7552712

手机网站的头部meta标签里面都应该有哪些标签?

标签:芜湖网站建设 2020/4/9 

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes"> <!-- wap自适应 //-->

网页中常常看见有这样的标记,他们是清浏览器缓存用的,记录下来,方便以后查询,以免忘记

<meta http-equiv="Pragma" content="no-cache">

<meta http-equiv="Cache-Control" content="no-cache">

<meta http-equiv="Expires" content="0">

PS:清除浏览器中的缓存,它和其它几句合起来用,就可以使你再次进入曾经访问过的页面时,ie浏览器必须从服务端下载最新的内容,达到刷新的效果。

禁止缓存

<meta http-equiv="Expires" content="-1">

下面3个清除缓存

<meta http-equiv="Pragma" content="no-cache">

<meta http-equiv="Cache-control" content="no-cache">

<meta http-equiv="Cache" content="no-cache">

让网页的宽度自动适应手机屏幕的宽度:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />    

<meta name="apple-mobile-web-app-capable" content="yes" />    

<meta name="format-detection" content="telephone=no" />  

第一行:

width=device-width :表示宽度是设备屏幕的宽度

initial-scale=1.0:表示初始的缩放比例

minimum-scale=0.5:表示最小的缩放比例

maximum-scale=2.0:表示最大的缩放比例

user-scalable=yes:表示用户是否可以调整缩放比例

第二行:

设定iphone端页面全屏。

第三行:

取消数字被识别为电话号码。

header和footer 可以看成是DIV正常用css操作就行了