在手机版网站中需要添加哪几种 Meta 标签

  |   2019年10月17日 |  Wordpress相关 |   评论已关闭 |   34

ad
可以关注公众号:“技术的世界” 分享最新技术教程,解答技术问题,有任何问题在公众号上提问,抽空会尽力解答。 另外想要什么资源,可以回复“资源”或者私信后台,可以获得丰厚的资源包哦

在手机版网站中需要添加哪几种 Meta 标签,

制作手机版网站的时候,除了页面简洁、操作方便等访问者可以看到的地方以外,就是 Meta 标签的设置,合理设置 Meta 标签 对手机版网站的搜索引擎优化,手机浏览器的渲染展示都有非常大的帮助,今天就简单说下在手机版网站中需要添加哪几种 Meta 标签:

viewport

viewport 已经是事实上的标准,最初是由苹果公司创建,用于 iPhone 上面的移动版 Safari,由于 iPhone 的大卖,大部分其他移动浏览器都接受,比如 Opera Mobile, iPhone, Android, Iris, IE, BlackBerry, Obigo, Firefox

最基本的例子,在移动上使站点全屏宽度:

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

HandheldFriendly

这个标签和下面介绍的 MobileOptimized 是功能机时代的事实上标签。

HandheldFriendly 标签最早在 AvantGo 浏览用来标示移动内容的,后来变成一个通用的标准用来标示移动站点,但是不知道这个标签的支持情况。

<meta name="HandheldFriendly" content="true"/>

MobileOptimized

这是一个 Windows 专有的 meta 标签也最终成为用于识别移动内容的另一种方法,但是该标签的缺点是,特定的宽度必须给出,再次,这个标签的支持情况也是未知的:

<meta name="MobileOptimized" content="320"/>

本站推荐使用的主机:,国外主机建议使用


转载请注明出处:http://ituq.cn/10822.html

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦