美文网首页
项目规范和设计需求

项目规范和设计需求

作者: 焚_44b3 | 来源:发表于2018-04-03 00:19 被阅读17次
    对于纯属接口类项目,所有的静态页面必须符合下面html中注释的规范。
    <!DOCTYPE html>
    <!-- 标记为中文语言 -->
    <html lang="zh-CN">
    <head>
    <!-- 编码必须有,并且为utf-8 -->
    <meta charset="utf-8">
    
    <!-- 标题必须有 -->
    <title>Bootstrap中文网</title>
    
    <!-- 适配移动端,可以有 -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="说明必须有">
    <meta name="keywords" content="关键字必须有">
    
    <!--  CSS引入 -->
    <link href="style.css" rel="stylesheet">
    
    </head>
    <body>
    
    <!-- 
    这里是html内容区域,中间不得写任何<style></style>样式。
    尽量不要给元素写 style="属性",正确应该写入到样式css中。
    中间包含了过多的元素的时候,请写入 开始和结束标记。
    重要的事情三遍:js和css最好引入外部资源,不要再html中直接写。
    js中,方法必须注释。
    -->
    
    
    
    <!-- 包含过多元素演示 -->
    <div id="content">
        很多的元素
    </div> <!-- end content -->
    
    <!-- 不能在body中使用style来实现样式 -->
    <style>
        #head{
        color:#000;    
        }
    </style> 
    
    <!-- 不建议的写法,style尽量不要写在页面。 -->
    <div id="head" style="color:#000">
        很多的元素
    </div> <!-- end head-->
    
    
    
    <!-- 这里是js引入区 -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    
    </body>
    </html>
    
    
    pc浏览器兼容

    必须兼容火狐,chrome ,ie8+等浏览器。

    相关文章

      网友评论

          本文标题:项目规范和设计需求

          本文链接:https://www.haomeiwen.com/subject/pnmfhftx.html