首页 > 代码库 > 手机端网页web开发要点

手机端网页web开发要点

1.初始化

<!DOCTYPE html>

<html>

 

<head>

  <meta http-equiv="Content-Typecontent="text/html; charset=utf-8" />

  <meta name="viewportcontent="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>

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

  <meta name="format-detection" content="telephone=no">

  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <meta name="author" content="johnye">

  <meta name="copyright" content="Copyright (c) 1998-2013 Tencent.">

  <meta name="description" content="手机腾讯网">

  <meta name="apple-mobile-web-app-capable" content="yes">

  <meta name="apple-mobile-web-app-status-bar-style" content="black">

  <title>screen_capture_injected="true" - Google 搜索</title>

  <link href="http://www.mamicode.com/images/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120">

  <link type="text/css" rel="stylesheet" href="http://www.mamicode.com/chrome-extension://ckphchjljlekndhjifdfpmmnlaijimcd/style.css">

</head>

<body screen_capture_injected="true" huaban_collector_injected="true" bcloud="bcloud_1.2" youdao="bind">//摘自腾讯手机端

 <body class="srp tbo" lang="zh-CN" marginheight="3" topmargin="3" id="gsr" screen_capture_injected="true" huaban_collector_injected="true" youdao="bind">//摘自腾google手机端

 

</body>

</html>

以上加粗部分一定要写

以下为腾讯教育网页版的两个mate标签,涉及到description 和 keywords

<meta name="description" content="腾讯教育是中国用户量最大的教育门户网站,将国内外优秀教育信息资源和强大的产品服务紧密结合。下设考试、外语、出国、校园、博客等栏目,是在校学子及在职人员的在线充电平台。">

<meta name="keywords" content="腾讯教育频道,招生,考试,高考,大学,高校,学生,学院,成考,民办,自考,远程,网校,研究生,考研,培训,外语,英语,四六级,雅思,托福,留学,出国,司法,公务员,会计,学习,校园,老师,家长,名师,男生,女生,校花,校草,edu,bbs,school,English,campus,learning">