HTML5 设置手机 meta 属性

最新推荐文章于 2023-07-13 15:37:42 发布

最新推荐文章于 2023-07-13 15:37:42 发布 · 399 阅读

文章标签：

#HTML5 #meta #设置meta

境-H5 专栏收录该内容

47 篇文章

订阅专栏

本文介绍了如何使用HTML5的meta标签来优化手机上的网页布局，包括设置正确的字符集、禁止页面缓存、设置页面刷新时间、固定视口尺寸及禁止用户缩放等。此外，还涉及了如何防止自动识别电话号码等功能。

手机设置 html5 meta 属性

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<meta name="author" content="wuyanshi"/>
<!-- 页面在客户端不缓存;must-revalidate 是针对某些浏览器通过返回按钮回到上一个标签而不重新加载 -->
<meta http-equiv="Cache-Control" content="must-revalidate,no-cache"/>
<!-- 页面刷新 -->
<meta http-equiv="refresh" content="321;"/>
<!-- 在iPhone的浏览器中页面将以原始大小显示，并不允许用户手动缩放 -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0; user-scalable=no;"/>
<meta name="format-detection" content="telephone=no"/>
<!-- 默认手机最佳宽度 -->
<meta name="MobileOptimized" content="321"/>