欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>SEO教程

目录导航

移动平台(手机网站)的meta标签

香港高防(5G)机房 发布于 2013-12-29  

SEO教程

对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究竟有哪些神奇的功效呢?

1、Meta 之 viewport

说到移动平台meta标签,那就不得不说一下viewport了,那么什么是viewport呢?
viewport即可视区域,对于桌面浏览器而言,viewport指的就是除去所有工具栏、状态栏、滚动条等等之后用于看网页的区域
。对于传统WEB页面来说,980的宽度在iphone上显示是很正常的,也是满屏的,但对于webapp而言,可能就有点问题了,在iphone上我们的webapp在竖屏下通常宽度都是320,这时我们320页面在iphone上显示成啥效果呢?有人可能认为iPhone不是320的宽度莫,感觉应该是满屏的吧,事实呢?我们来看一下如下布局在iPhone上的显示情况

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Meta Viewport</title><style type="text/css">div,body{padding:0;margin:0;}body{padding-top:100px;color:#fff;}div{width:320px;height:100px;margin:0 auto;background:#000;text-align:center;font:30px/100px Arial;}</style></head><body><div>AppUE</div></body></html>

在iPhone上显示如图:

移动平台(手机网站)的meta标签-图片1
移动平台(手机网站)的meta标签-图片1

零度科技原文链接:http://www.ldisp.com/a/seo/2013/2549.shtml

上一篇:<link rel="apple-touch-icon-precomposed"/> 的用途
下一篇:使用cdn的js和css公用库,验证是否加载成功

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

0

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理