HTML5新增的元素

<!DOCTYPE html>
<meta charset="UTF-8">
<title>HTML 5 的標記示例</title>
<p>這段代碼根據HTML 5語法
<br/>編寫出來的

  1. <!DOCTYPE html> 
  2. <meta charset="UTF-8"> 
  3. <title>HTML 5 的標記示例</title> 
  4. <p>這段代碼根據HTML 5語法  
  5. <br/>編寫出來的 


section在HTML 4中是用div來表示的,表示頁面中的一個區塊,比如章節、頁眉、頁腳或頁面中的其他部分,可以與h1、h2、h3、h4、h5、h6等元素結合起來使用,標示文檔結構

  1. <section>section在HTML 4中是用div來表示的,表示頁面中的一個區塊,比如章節、頁眉、頁腳或頁面中的其他部分,可以與h1、h2、h3、h4、h5、h6等元素結合起來使用,標示文檔結構</section>

article元素表示頁面中的一塊與上下文不想關的獨立內容,譬如博客中的一篇文章或者報紙
 

  1. <article>article元素表示頁面中的一塊與上下文不想關的獨立內容,譬如博客中的一篇文章或者報紙</article> 


header表示頁面中的一個內容區塊或者整個頁面的標題

  1. <deader>header表示頁面中的一個內容區塊或者整個頁面的標題</header> 


hgroup元素用於對整個頁面或者頁面中的一個內容區塊的標題進行組合

  1. <hgroup>hgroup元素用於對整個頁面或者頁面中的一個內容區塊的標題進行組合</hgroup> 


footer表示整個頁面或者一個內容區塊的腳註。一般來說,它會包含創作者的姓名、創作日期及創作者聯繫信息。

 

  1. <footer>footer表示整個頁面或者一個內容區塊的腳註。一般來說,它會包含創作者的姓名、創作日期及創作者聯繫信息。</footer> 

nav元素表示頁面中的導航鏈接的部分,在HTML 4中是用< ul >標記表示

  1. <nav>nav元素表示頁面中的導航鏈接的部分,在HTML 4中是用< ul >標記表示</nav> 


<figure>figure元素表示一段獨立的流內容,一般表示文檔主體流內容的一個獨立單元。使用figcaption元素爲figure元素組添加標題.<figcapiton>標題</figcapiton><P>這裏是內容</p>

  1. <figure>figure元素表示一段獨立的流內容,一般表示文檔主體流內容的一個獨立單元。使用figcaption元素爲figure元素組添加標題.<figcapiton>標題</figcapiton><P>這裏是內容</p></figure> 



---------------新增的其他元素---------------

video元素:video元素定義視頻,比如電影片段或者其他視頻流。
 

  1. <video src="XXX.mpeg" controls="controls">video元素</video><br/> 
  2. 在HTML 4中代碼示例:  
  3. <object type="video/ogg" data="movie.ogv"> 
  4.  <param name="src" value="movie.ogv"> 
  5. </object> 
  6. <hr/> 

audio元素:audio元素定義音頻,比如音樂或其他音頻流
 

  1. <audio src="xx.wav">audio元素</audio><br/> 
  2. 在HTML 4中代碼示例:  
  3. <object type="application/ogg" data="xxx.wav"> 
  4.  <param name="src" value="xxx.wav"> 
  5. </object> 

embed元素:embed元素用來插入各種多媒體,格式可以是Midi,Wav、AIFF、AU、MP3等。
 

  1. <embed src="xxx.mp3" /><br/> 
  2. 在HTML 4中代碼示例:  
  3. <object data="xxx.swf"> 
  4.  <param name="src" value="application/x-shockwave-flash"> 
  5. </object> 

mark元素:mark元素用來呈現哪些需要突出顯示或高亮顯示的文字,如搜索引擎中需要高亮搜索的關鍵字。
 

  1. <mark>高亮顯示的字體</mark><br/> 
  2. 在HTML 4中代碼示例:  
  3. <span>高亮顯示的字體</span> 

progress元素:progress元素表示運行中的進程,可以使用progress元素顯示Javascript中耗費時間的函數的進程。
 

  1. <meter></meter>


 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章