2011-05-09 22 views
0

設計HTML 5網站的最佳方式是什麼(也可以在IE6中運行)?風格默認HTML 5頁面的最佳方式?

<header> 
    [ Header ] 
</header> 

<section> 

    <article> 
     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent varius ultricies nibh faucibus tempor. Aliquam erat volutpat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent hendrerit nunc vitae nisl accumsan dictum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer convallis lobortis turpis posuere semper. Proin ligula mi, hendrerit sit amet feugiat eu, dapibus sed ante. Donec lacinia aliquam felis at gravida. Praesent varius lectus enim. Nulla vehicula, odio id feugiat ornare, nibh urna elementum arcu, ut suscipit odio velit vel augue. Maecenas enim dolor, tincidunt a luctus ornare, viverra ut lorem. Suspendisse imperdiet est id mi pulvinar quis interdum felis vehicula. 
    </article> 

    <aside> 
     [ Aside ] 
    </aside> 

</section> 

<footer> 
    [ Footer ] 
</footer> 

CSS

header { 
    display:block; 
    clear:both; 
    background-color:red; 
    height:43px; 
} 

section article { 
    display:block; 
    float:left; 
    width:800px; 
    background-color:green; 
} 

section aside { 
    display:block; 
    width:180px; 
    background-color:lime; 
} 

footer { 
    display:block; 
    clear:both; 
    background-color:blue; 
    height:43px; 
} 

我真正的問題,我現在應該在標籤後面添加?你需要知道

+3

**這取決於你。** – BoltClock 2011-05-09 10:44:01

+0

說到html5,有時我覺得沒有對錯。但我們應該始終遵循他們所稱的規則/規格或者說偏好。我總是參考http://html5doctor.com/和http://html5boilerplate.com/。乾杯! – 2011-05-09 14:56:32

回答

1

記住添加

<!--[if lt IE 9]> 
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 

要你的頭,以確保IE可以風格這些元素。