基础(五)--设计符合标准的结构

讲一些嵌套规则
如果不按照HTML规则书写代码时，浏览器就不会正确解析，会将不符合嵌套规则的节点放到目标节点的下面，或者变成纯文本

先给个比较好的不复杂的网站http://www.csszengarden.com/tr/chinese/，禅意花园

1.body元素能直接包含的元素有ins，del，script和block类型元素

1）body能直接包含任何块状元素
2）网页能包含任何脚本，但不包含style样式
3）除了ins、del这两个行内元素外，body不能包含任何行内元素

2.ins、del能直接包含任何块状元素和行内元素等不同类型的元素，但行内元素不能包含块状元素
3.p、h1-h6只能包含行内元素和纯文本内容，但不能包含块状元素
但object、map、button等可以包含块状元素
4.ul、ol只能包含li，但li内可以包含其它元素
5.dl内只能包含dd、dt。dt内只能包含行内元素，dd内可以包含任何元素
6.form元素仅能包含块状元素，input是行内元素
7.table元素能直接包含caption、colgroup、col、thead、tbody、tfoot，但不能包含tr以及其它元素，所以最好在用tr之前加上thead或tbody

设计基本结构时注意几点，思考几点

1.设计基本结构时，可以不考虑语义性，统一使用div构建
2.最好对每个div赋以id来管理
3.定义一个结构根元素，方便后期控制
4.在设计结构时，要完全抛弃页面效果和CSS样式概念的影响，有基本架构是第一步
5.该不该考虑页面效果问题
6.如何更好地嵌套，id的管理上是平行？包含?还是嵌套

<!--平行-->
<div id=A></div>
<div id=B></div>
<div id=C></div>

<!--嵌套-->
<div id=A></div>
    <div>
         <div id=B></div>
         <div id=C></div>
    </div>

<!--包含-->
<div id=A>
         <div id=B></div>
         <div id=C></div>
</div>

7.如何处理子模块结构关系