WEB端HTML规范及模板

来源：互联网发布：歌颂陈奕迅知乎编辑：程序博客网时间：2024/06/05 18:35

我们会从以下几个方面进行规范化：

点：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里的相应版本，保持版本一致性

附git地址：http://git.kaikeba.cn/HK-FE/fe-writing-rules

1 0