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

在移动网站中需要添加哪几种 Meta 标签?

程序员文章站 2023-10-09 18:47:31
制作手机版网站的时候,除了页面简洁、操作方便等访问者可以看到的地方以外,就是 Meta 标签的设置,合理设置 Meta 标签 对手机版网站的搜索引擎优化,手机浏览器的渲染展示都有非常... 14-11-02...

今天小编就简单说下在手机版网站中需要添加哪几种 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"/>