Question

alt text http://i33.tinypic.com/2nimz6b.jpg

我知道这是微不足道的，但我似乎无法得到它。有人能告诉我这个模板的基本html骨架应该是怎样的吗？我已经能够使用表格来做，但我知道这是一个很大的禁忌。

XHTML strict或HTML5都可以。

Answer 1

<body>
  <h1>LOGO</h1>
  <ul id="nav">
    <li>menu item</li> 
    <li>menu item</li>
    <li>menu item</li> 
    <li>menu item</li>
    <li>menu item</li> 
    <li>menu item</li>
  </ul>

  <div class="article">
    <h2>HEADER</h2>
    <div class="content">
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
    </div>
  </div>

  <div class="article">
    <h2>HEADER</h2>
    <div class="content">
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
    </div>
  </div>

  <div class="article">
    <h2>HEADER</h2>
    <div class="content">
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
      <p>CONTENT CONTENT CONTENT</p>
    </div>
  </div>

  <div id="footer">
    <p class="copyright">COPYRIGHT</p>
    <ul id="sitemap">
      <li>menu item</li>
      <li>menu item</li>
      <li>menu item</li>
      <li>menu item</li>
    </ul>
  </div>

</body>

作为练习，自己将其转换为html5 :)它应该相当简单：http://html5tutorial.net/

需要帮助HTML Layout的Skeleton

1 个答案: