2010-08-04 28 views
0

alt text http://i33.tinypic.com/2nimz6b.jpg需要用HTML佈局的骨架幫助,請

我知道這是微不足道的,但我似乎無法得到它。有人能告訴我這個模板的基本html框架應該是怎樣的嗎?我已經能夠用桌子做到了,但我知道這是一個很大的禁忌。

XHTML strict或HTML5都可以。

+0

什麼,特別是你遇到問題? – Sam152 2010-08-04 09:07:26

+0

它應該在IE6中「完美」工作嗎? – dmp 2010-08-04 09:07:42

+0

所有的東西都是真正的山姆:(我不擅長html)我試圖教我自己,想看看它是如何從知道的人那裏得到的 – MW2000 2010-08-04 09:11:43

回答

2
<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/

+0

啊,muchas gracias腐蝕!:) – MW2000 2010-08-04 09:20:03

+0

+1不錯,這是接近我會建議這樣做。有兩件事:徽標和導航元素可能需要圍繞它們的「div」。根據所期望的結果,單獨的文章可能需要或不需要'div class =「article」'和'div class =「content」'。 – 2010-08-04 09:20:48

+0

因爲h1和uls是塊元素,我通常只是讓它們沒有額外的div :)但是對於他自己的呃?是的,額外的文章和內容通常不需要,除非你漂浮。只是保持選項打開:) – corroded 2010-08-04 09:31:59