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

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

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

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

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

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

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

◆nav: 到其他頁面的鏈接集合

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

舉個例子，一個blog的首頁，用HTML 5寫的話，可以是這樣（有省略）：

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

HTML還增加以下三個塊級元素：

◆aside

◆figure/code>

◆dialog

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

figure元素表示一個有說明的塊級圖片。比如：

  

這是圖片的說明

  

 
 
 
  
  
  
>   
佛
   
色即是空
   
悟空
   
 
 
 

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

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