日期:2014-01-16  浏览次数:20853 次

网页制造aiyiweb文章简介:复杂的网页设计需求大量不同的标签结构代码,我们把它叫做“div-soup” 综合症。

 曾经,设计师们经常会跟频繁使用基于table的没有任何语义的规划。不过最终还是要感激像Jeffrey Zeldman和Eric Meyer这样的思想改造者,聪明的设计师们慢慢的接受了绝对更语义化的<div>规划替代了table规划,并且开始调用外部款式表。但不幸的是,复杂的网页设计需求大量不同的标签结构代码,我们把它叫做“<div>-soup” 综合症。也许你很熟悉下面的代码:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<div id="news">
   <div class="section">
      <div class="article">
         <div class="header">
            <h1>Div Soup Demonstration</h1>
            <p>Posted on July 11th, 2009</p>
         </div>
         <div class="content">
            <p>Lorem ipsum text blah blah blah.</p>
            <p>Lorem ipsum text blah blah blah.</p>
            <p>Lorem ipsum text blah blah blah.</p>
         </