，它將被

取代。

◆

 

        

            

 
•                 
• Home
 
•                 
• About
 
•                 
• Contact
 
•             

 

         

        

 

            

My Article

 

            

 

                

...

 

             

         

        

            

...

 

         

     

 

是不是更干凈，更易于理解呢？我們可以把

My Article

打包到header標記中。另外請注意，我們可以在article元素下再增加一個footer元素，用來容納如翻頁導航，相關(guān)文章或其它內(nèi)容。

新標記的樣式

在大多數(shù)瀏覽器中，你只需要如往常一樣對元素使用樣式，但是請一定要對每個元素加上display:block;規(guī)則，隨著時間的推移，瀏覽器對HTML 5新元素的支持越來越標準后，就可以不使用了。

下面我們隊header應(yīng)用一些樣式：

 
 
 
  
  
  
header {  
  
  
  
    display: block;  
  
  
  
    font-size: 36px;  
  
  
  
    font-weight: bold;  
  
  
  
} 
 
 

記住，你現(xiàn)在仍然可以在這些元素上添加class和ID屬性，因此，如果你想對導航小節(jié)單獨使用一個樣式，你可以向下面這樣增加一個class或ID屬性：

然后再應(yīng)用一個樣式：

 
 
 
  
  
  
nav.main-menu {  
  
  
  
    font-size: 18px;  
  
  
  
} 
 
 

與舊瀏覽器的兼容

這些樣式都不能在IE 6下使用，如果你堅持要保持與舊瀏覽器兼容，也是有補救辦法的，IE 6可以解析這些標記，但不能應(yīng)用樣式，解決辦法就是使用JavaScript，使用createElement方法就可以讓IE支持HTML 5標記的樣式了，你可以在HTML 5文件的頭部包括這段代碼，也可以保存到一個獨立文件中，然后進行引用。

你可能要問，為什么沒有給這段腳本指定MIME類型呢？在HTML 5中無需指定了，在HTML 5中，所有的腳本都假設(shè)是type="text/javascript"，因此不必再多此一舉了。

雖然IE的問題得到了解決，但據(jù)我所知，F(xiàn)irefox 2中的Gecko渲染引擎仍然存在一個bug，解決辦法有兩個，但這兩個辦法都不是很理想，更多信息請看這里http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/?？紤]到Firefox 2的使用人數(shù)已經(jīng)很少，你可以完全忽視這個bug。

現(xiàn)在你已經(jīng)可以使用HTML 5了，但應(yīng)該使用嗎？

答案很簡單：是的！

但這也要根據(jù)網(wǎng)站的性質(zhì)做出調(diào)整，例如，假設(shè)你要重構(gòu)CNN主頁，那可能不太現(xiàn)實，***還是等瀏覽器的支持更好一些再說，但如果你是在翻新你的博客系統(tǒng)，那么你可以一試，如果你使用的WordPress，目前已經(jīng)出現(xiàn)了一些插件可以幫助你，這里就有一個HTML 5的WordPress主題。

你也可以去HTML 5畫廊（http://html5gallery.com/）瞧瞧，因為它全部是用HTML 5構(gòu)建的，可以看看其源碼，加深對HTML 5標記的理解。還可以繼續(xù)關(guān)注的HTML 5專題，我們會持續(xù)更新關(guān)于HTML 5的技術(shù)應(yīng)用和資訊報道。

如果你還有點猶豫不決，那你去看看Google的主頁，已經(jīng)是HTML 5了，保險一點的話，你可以使用JavaScript聲明這些新標記進行使用。HTML 5的標記遠不止這些，希望本文能消除你的疑慮，大膽使用HTML 5，只有使用的人多了，這個規(guī)范才能真正見效。

文章標題：從零開始構(gòu)建HTML 5 Web頁面
網(wǎng)站URL：http://www.5511xx.com/article/dhjicge.html