现在手机越来越智能了,很多商家都会有手机页面的一些推广和制作,还方便客户的使用和吸引更多的客户,但是手机网页的制作和电脑上网页的制作有一些区别,我们就来看看吧。
电脑上的页面制作开头是这样的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
</body>
</html>
看起来还比较简单,开头没有太多的代码。但是手机页面就不一样了:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<meta name="viewport"content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable"content="yes">
<meta name="apple-mobile-web-app-status-bar-style"content="black">
<meta name="format-detection"content="telephone=no">
<meta name="description" content="123">
<title>123</title>
</head>
<body>
</body>
</html>
这是手机wap需要的代码,看起来会比较多一点。但是这样就能实现手机页面的效果了,这个代码限制了页面的放大和缩小,这也是手机页面需要的一个功能,不允许手机页面放大和缩小。
因为现在大家几乎都使用的是智能手机,而且手机更新换代、升级也很快,所以现在的手机几乎都支持html5和css3,这点会比在电脑页面的切片方便许多。因为现在很多电脑用户用的都还是老系统XP,IE8或更低版本,所以电脑页面切片就不能全用html5和css3了。