web响应模式和开发命名模式

一，web请求响应模式和项目开发命名规范：
 解析工具:浏览器中一个程序完成解析，这个程序叫做浏览器引擎
 HTML文档与DTD和浏览器引擎之间的关系：
  HTML文档：一堆用户看不懂的代码，等待浏览器引擎解析
  浏览器引擎：根据DTD声明将html代码解析成图形界面，用户看得懂，
  DTD：定义了文档的规范，规定使用哪一个html版本解析，
 项目命名规范：
  建一个项目：
   创建一个文件夹，项目的根文件夹，
   命名方式：
    项目的命名，首字母大写，后边小写
    JingDongZaiXian
    NameNormalDemo
    子文件夹命名方式类似，
  文件：
   创建html文件或css文件或者js文件....
   命名：
    驼峰命名法
     userLogin.html
     userLayoutDemo.html
    下划线
     user_login.html
     user_layout_demo.html
  类名
   中划线
    class="top_nav_div"
    class="top-nav-div"
二，html布局
  1，html布局
    布局方式有三种：框架集布局、table布局、div+css布局
  2，什么是布局
    页面的设计结构就是布局，或者说就是这个页面的设计图纸
  3，web的布局方式
    html页面是由元素组成的，文档中正常的布局方式是标准流，html文档的条条框框规则(块级标签、行内标签)都是标准流给的，标准流 给我们布局给我们带来了很大的阻碍，所以布局方式有三种：
    frameset布局：标准流内布局。
    table布局：   标准流内布局，
    div+css布局： 脱离标准流，
  4，html文档标准流
    html文档中，标准流就是把元素从上到下从左到右的顺序默认排列。标准流将元素分为行内和块级元素，
   只有脱离标准流，才能不受束缚
   标准流就是文档中可显示元素在排列是所占的位置，
  5，三种布局的比较：
   1）frameset框架集
    多用于大型的后台管理系统，固定结构类型的布局使用这个，但是在H5中不建议使用，H4中只有框架集版本可以使用。
   2）table布局
    一种比较老旧的布局方式，适合数据展示，并不适合页面布局，
    缺点：
     页面加载时会延迟只有在table加载完成时之后才会加载其中的内容
     table多用于表现形式，不利于seo优化
     table的语义是表格，从语义上说，用于布局时不正   

 3）div+css布局
    是当下最流行的布局方式，相当灵活，脱离标准流，
   在不同的情况下选择不同的布局方式，每一种布局都有自己的优点 
三，框架集布局 frameset
   框架集用途:
    后台管理系统的框架，页面布局跳转刷新，页面分割比较规矩的
   相关标签：
    frameset标签/框架集/双标签;
    使用的时候不能与body标签同时存在
    frame标签/框架/双标签：配合框架集使用
   相关属性：
    frameset：
     cols：对窗口进行按列分割
     rows：对窗口进行按行分割
     bordercolor:边框颜色
     border：分割每一块边框
     frameborder：是否显示边框yes 1 显示，no 0 不显示
     noresize：不允许重置大小，
    frame：子框架
     src：设置当前框架链接到的页面，可以是相对位置也可以是绝对地址
     name：设置框架集的名字
     scrolling：设置是否需要滚动条，auto自动，no不要，yes要，
     noresize：不允许调整大小
    noframes:不要框架
     frameset与body不能同时存在，当浏览器不支持frameset时，可以使用noframes写body
四，iframe内联浮动框架
 可以在body中使用，是body的子集，iframe可以作为普通的元素放进body中
 属性：
   width：设置宽度
   height：设置高度
   name：设置名称
   src：设置链接的路径
  a标签中的target值有五个：
    _self:    在当前选项卡打开新页面
    _blank：  在新选项卡打开新页面
    _top:     在顶级框架打开新页面
    _parent:  在父级框架打开新页面
    framename:在指定框架打开新页面
五，扩展：
  页面重定位(页面定时刷新/跳转)
  <meta http-equiv="refresh"       content="6;http://www.baidu.com">
  ins:下划线标签
六，表格  table，
   指定所含内容要组织成行列的表格形式
   表格是展示数据的一种形式，也可以用于布局，但是不建议使用，table，双标签，语义是创建一个表格
   1，表格的组成部分
     标题，主体，表格头，行，单元格，表脚
     table：定义一个表格
     caption：表格的标题，虽然标签在表格内部，但是内容展示在表格之外
     tr：定义一个行
     th：在表头中定义一个单元格
     td：在主体中定义一个单元格
     thead：定义表格头部
     tbody：定义表格主体
     tfoot：定义表格脚步
   2，table的属性
   border="1":边框，1像素
   width="400":宽度，400像素
   height="200":高度，一般我们不会给表格设置高度
   cellspacing="0":单元格之间的距离
   cellpadding="8":文本与单元格边框之间的距离，
   bgcolor="pink"：设置表格背景颜色
   align="center":表格在父元素中的对齐方式
      left：左
      center：中
      right：右
   3,tr的属性
    align：本行文本对齐方式
    bgcolor：本行的背景颜色
   4,td的属性
     align：对齐方式
     bgcolor：背景颜色
     width：这个单元格的宽度，会影响整列的宽度
     height：这个单元格的高度，会影响整行的高度
     v-align:垂直对齐方式，top/middle/bottom
     此属性仅仅可以用于td，不可用于其他标签