我们会从以下几个方面进行规范化:
点:html标签、css属性、js语法
线:由HTML+css+js 开发的组件、模块
面:由组件组合起来的页面
-
体:由多个页面组合起来的网站系统
相关的规范后期会补充,请谨遵 “简单便捷,实用为主”的理念!
编写对SEO友好的文档
PC端模板
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<title>网站标题,控制在25个字、50个字节以内</title>
<meta name="keywords" content="关键词,5个左右,单个8汉字以内">
<meta name="description" content="网站描述,字数尽量空制在80个汉字,160个字符以内!">
<link rel="Bookmark" href="favicon.ico">
<link rel="Shortcut Icon" href="favicon.ico" />
<!--[if lt IE 9]>
<script type="text/javascript" src="Lib/html5.js"></script>
<script type="text/javascript" src="Lib/respond.min.js"></script>
<script type="text/javascript" src="Lib/PIE_IE678.js"></script>
<![endif]-->
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<!--自己的样式-->
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header>网站头部</header>
<div>内容部分</div>
<footer>页脚</footer>
<script type="text/javascript" src="lib/jquery.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>
所有的PC页面都必须严格依照以上模板
所用到的公用的库、组件没有特殊情况以DEMO里的相应版本,保持版本一致性