日期:2014-01-19  浏览次数:21091 次

网页制造aiyiweb文章简介:我置信随着时间的推进和更多浏览器的支持,HTML5和CSS3将越来越受欢迎,它们将为web设计师们带来更无穷的能量,让我们的web前端更上一个台阶。

Web设计师可以使用HTML4和CSS2.1完成一些很酷的东西。我们可以在不使用陈旧的基于table规划的基础上完成文档逻辑结构并创建 内容丰富的网站。我们可以在不使用内联<font>和<br>标签的基础上对网站添加漂亮而细腻的风格款式。理想上,我们目前的 设计能力曾经让我们远离了那个可怕的浏览器和平时代、专有协议和那些充满闪动、滚动和闪烁的丑陋网页。
虽然我们如今曾经普遍使用了HTML4和CSS2.1,但是我们还可以做得更好!我们可以重组我们代码的结构并能让我们的页面代码更富有语义化特性。 我们可以缩减带给页面美丽外观款式代码量并让他们有更高的可扩展性。如今,HTML5和CSS3正摩拳擦掌的等待大家,下面让我们来看看他们能否真的能让 我们的设计提升到下一个高度吧…

跟<div>说再见,欢迎语义化标签

曾经,设计师们经常会跟频繁使用基于table的没有任何语义的规划。不过最终还是要感激像Jeffrey Zeldman和Eric Meyer这样的思想改造者,聪明的设计师们慢慢的接受了绝对更语义化的<div>规划替代了table规划,并且开始调用外部款式表。但不 幸的是,复杂的网页设计需求大量不同的标签结构代码,我们把它叫做“<div>-soup” 综合症。也许你很熟悉下面的代码:

<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>
         </div>
         <div class="footer">
            <p>Tags: HMTL, code, demo</p>
         </div>
      </div>
      <div class=