對(duì)于HTML的渲染，瀏覽器一直停留在1999年的水平。為此，HTML 5是一個(gè)實(shí)用主義方案，這樣不僅可以繼續(xù)處理這么多年來(lái)散落在世界各個(gè)角落的HTML，也可以讓瀏覽器廠商更容易添加新特性。這就叫degrade gracefully（優(yōu)雅降級(jí)）。讓我們來(lái)看看HTML 5增加的一些新元素。

創(chuàng)新互聯(lián)建站擁有10年成都網(wǎng)站建設(shè)工作經(jīng)驗(yàn),為各大企業(yè)提供網(wǎng)站制作、成都網(wǎng)站制作服務(wù)，對(duì)于網(wǎng)頁(yè)設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、重慶App定制開(kāi)發(fā)、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、程序開(kāi)發(fā)、網(wǎng)站優(yōu)化（SEO優(yōu)化）、微網(wǎng)站、域名注冊(cè)等，憑借多年來(lái)在互聯(lián)網(wǎng)的打拼，我們?cè)诨ヂ?lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)絡(luò)營(yíng)銷經(jīng)驗(yàn)，集策劃、開(kāi)發(fā)、設(shè)計(jì)、營(yíng)銷、管理等網(wǎng)站化運(yùn)作于一體，具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項(xiàng)目的能力。

HTML 5結(jié)構(gòu)元素

這真是大快人心。目前，我們定義結(jié)構(gòu)只能通過(guò)一個(gè)“***”的div, 試圖通過(guò)設(shè)置它的特性id的值如header, footer, sidebar等來(lái)分別表達(dá)頭部，底部或者側(cè)欄等。有了它們，代碼編寫(xiě)者不再需要為id的命名費(fèi)盡心思，對(duì)于手機(jī)、閱讀器等設(shè)備更有語(yǔ)義的好處。HTML 5增加了新的結(jié)構(gòu)元素來(lái)表達(dá)這些最常用的結(jié)構(gòu)：

◆section: 這可以表達(dá)書(shū)本的一部分或一章，或者一章內(nèi)的一節(jié)

◆header: 頁(yè)面主體上的頭部。并非head元素

◆footer: 頁(yè)面的底部（頁(yè)腳），可以是一封郵件簽名的所在

◆nav: 到其他頁(yè)面的鏈接集合

◆article: 諸如blog, 雜志，綱要等之中的一條獨(dú)立記錄。

舉個(gè)例子，一個(gè)blog的首頁(yè)，用HTML 5寫(xiě)的話，可以是這樣（有省略）：

 
 
 
  
  
  
<>             
  
  
  
 
  
  
  
 
  
  
  
     
Realazy
 
  
  
  
       
  
  
  
       
  
  
  
 href="http://realazy.org/blog" mce_href="http://realazy.org/blog">標(biāo)題
 
  
  
  
 
內(nèi)容在此...（省略n字）
          
     
 href="http://realazy.org/blog" mce_href="http://realazy.org/blog">標(biāo)題2
     
內(nèi)容2在此...（省略n字）
     
     ...        
  
  
  
  
  
  
  
? 2007 realazy
          
  
  
  
塊級(jí)block的語(yǔ)義元素 
 
 

HTML還增加以下三個(gè)塊級(jí)元素：

◆aside

◆figure/code>

◆dialog

aside可以用以表達(dá)注記、貼士、側(cè)欄、摘要、插入的引用等諸如作為補(bǔ)充主體的內(nèi)容。比如這樣表達(dá)blog的側(cè)欄：

figure元素表示一個(gè)有說(shuō)明的塊級(jí)圖片。比如：

  

這是圖片的說(shuō)明

  

 
 
 
  
  
  
>   
佛
   
色即是空
   
悟空
   
 
 
 

 
 
 
  
  
  
您的分?jǐn)?shù)是： value="88.7" min="0" max="100" low="65" high="96" optimum="100">B+.
 
 
 

 
 
 
  
  
  
 src="誰(shuí)人伴你睡.mp3" mce_src="誰(shuí)人伴你睡.mp3">   
淚枯干
   
難忍怎么委屈自已
   
曾經(jīng)有一刻悲與喜
   ...