王海艳技术文档

# 文件模版

HTML模版指的是团队使用的初始化HTML文件，里面会根据不同平台而采用不一样的设置，一般主要不同的设置就是 mata 标签的设置，以下是 PC 和移动端的 HTML 模版。

# HTML5标准模版

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>HTML5标准模版</title>
</head>
<body>
	
</body>
</html>

# 约定

移动端

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" >
    <meta name="format-detection" content="telephone=no" >
    <title>移动端HTML模版</title>
	
    <!-- begin DNS预解析 -->
    <link rel="dns-prefetch" href="">
    <!-- end DNS预解析 --> 

    <!-- begin 线上样式页面片，开发请直接取消注释引用 -->
    <!-- #include virtual="" -->
    <!-- end 线上样式页面片 -->

    <!-- begin 本地调试，根据开发模式选择调试方式，请开发删除 --> 
    <link rel="stylesheet" href="css/index.css" >
    <!-- /本地调试方式 -->
    <link rel="stylesheet" href="http://srcPath/index.css" >
    <!-- /开发机调试方式 -->
    <!-- end 本地调试 -->
</head>

<body>
</body>
</html>

PC端

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="your keywords">
    <meta name="description" content="your description">
    <meta name="author" content="author,email address">
    <meta name="robots" content="index,follow">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="ie-stand">
    <title>PC端HTML模版</title>

    <!-- begin DNS预解析 --> 
    <link rel="dns-prefetch" href="">
    <!-- end DNS预解析 --> 

    <!-- begin 线上样式页面片，开发请直接取消注释引用 -->
    <!-- #include virtual="" -->
    <!-- end 线上样式页面片 -->

    <!-- begin 本地调试，根据开发模式选择调试方式，请开发删除 --> 
    <link rel="stylesheet" href="css/index.css" >
    <!-- /本地调试方式 -->

    <link rel="stylesheet" href="http://srcPath/index.css" >
    <!-- /开发机调试方式 -->
    <!-- end 本地调试 -->
</head>

<body>
</body>
</html>

← WebApp Meta →