<!DOCTYPE html>
<meta charset="UTF-8">
<title>HTML 5 的標記示例</title>
<p>這段代碼根據HTML 5語法
<br/>編寫出來的
- <!DOCTYPE html>
- <meta charset="UTF-8">
- <title>HTML 5 的標記示例</title>
- <p>這段代碼根據HTML 5語法
- <br/>編寫出來的
section在HTML 4中是用div來表示的,表示頁面中的一個區塊,比如章節、頁眉、頁腳或頁面中的其他部分,可以與h1、h2、h3、h4、h5、h6等元素結合起來使用,標示文檔結構
- <section>section在HTML 4中是用div來表示的,表示頁面中的一個區塊,比如章節、頁眉、頁腳或頁面中的其他部分,可以與h1、h2、h3、h4、h5、h6等元素結合起來使用,標示文檔結構</section>
article元素表示頁面中的一塊與上下文不想關的獨立內容,譬如博客中的一篇文章或者報紙
- <article>article元素表示頁面中的一塊與上下文不想關的獨立內容,譬如博客中的一篇文章或者報紙</article>
header表示頁面中的一個內容區塊或者整個頁面的標題
- <deader>header表示頁面中的一個內容區塊或者整個頁面的標題</header>
hgroup元素用於對整個頁面或者頁面中的一個內容區塊的標題進行組合
- <hgroup>hgroup元素用於對整個頁面或者頁面中的一個內容區塊的標題進行組合</hgroup>
footer表示整個頁面或者一個內容區塊的腳註。一般來說,它會包含創作者的姓名、創作日期及創作者聯繫信息。
- <footer>footer表示整個頁面或者一個內容區塊的腳註。一般來說,它會包含創作者的姓名、創作日期及創作者聯繫信息。</footer>
nav元素表示頁面中的導航鏈接的部分,在HTML 4中是用< ul >標記表示
- <nav>nav元素表示頁面中的導航鏈接的部分,在HTML 4中是用< ul >標記表示</nav>
<figure>figure元素表示一段獨立的流內容,一般表示文檔主體流內容的一個獨立單元。使用figcaption元素爲figure元素組添加標題.<figcapiton>標題</figcapiton><P>這裏是內容</p>
- <figure>figure元素表示一段獨立的流內容,一般表示文檔主體流內容的一個獨立單元。使用figcaption元素爲figure元素組添加標題.<figcapiton>標題</figcapiton><P>這裏是內容</p></figure>
---------------新增的其他元素---------------
video元素:video元素定義視頻,比如電影片段或者其他視頻流。
- <video src="XXX.mpeg" controls="controls">video元素</video><br/>
- 在HTML 4中代碼示例:
- <object type="video/ogg" data="movie.ogv">
- <param name="src" value="movie.ogv">
- </object>
- <hr/>
audio元素:audio元素定義音頻,比如音樂或其他音頻流
- <audio src="xx.wav">audio元素</audio><br/>
- 在HTML 4中代碼示例:
- <object type="application/ogg" data="xxx.wav">
- <param name="src" value="xxx.wav">
- </object>
embed元素:embed元素用來插入各種多媒體,格式可以是Midi,Wav、AIFF、AU、MP3等。
- <embed src="xxx.mp3" /><br/>
- 在HTML 4中代碼示例:
- <object data="xxx.swf">
- <param name="src" value="application/x-shockwave-flash">
- </object>
mark元素:mark元素用來呈現哪些需要突出顯示或高亮顯示的文字,如搜索引擎中需要高亮搜索的關鍵字。
- <mark>高亮顯示的字體</mark><br/>
- 在HTML 4中代碼示例:
- <span>高亮顯示的字體</span>
progress元素:progress元素表示運行中的進程,可以使用progress元素顯示Javascript中耗費時間的函數的進程。
- <meter></meter>