我們來看一下HTML 5提供的一些新的標簽用法和HTML 4的區別

標簽定義外部的內容。比如來自一個外部的新聞提供者的一篇新的文章，或者來自

blog

的文本，或者是來自論壇的文本，亦或是來自其他外部源內容。

HTML5:

HTML4:

標簽定義 article

以外的內容；aside 的內容應該與 article 的內容相關。

HTML5:Aside

的內容是獨立的內容，但應與文檔內容相關。

HTML4:

Aside

的內容是獨立的內容，但應與文檔內容相關。

?標簽定義聲音，比如音樂或其他音頻流。

HTML5:您的瀏覽器不支持

audio 標簽。

HTML4:

data="someaudio.wav">

value="someaudio.wav">

?標簽定義圖形，比如圖表和其他圖像。這個

HTML 元素是為了客戶端矢量圖形而設計的。它自己沒有行為，但卻把一個繪圖 API 展現給客戶端 JavaScript

以使腳本能夠把想繪制的東西都繪制到一塊畫布上。

HTML5:

id="myCanvas" width="200"

height="200">

HTML4:

type="image/svg+xml" width="200"

height="200">

?標簽定義命令按鈕，比如單選按鈕、復選框或按鈕。

HTML5:

label="cut">

HTML4:none

?標簽定義可選數據的列表。與

input 元素配合使用，就可以制作出輸入值的下拉列表。

HTML5:

HTML4:see?combobox.

?標簽定義元素的細節，用戶可進行查看，或通過點擊進行隱藏。與

一起使用，來制作 detail 的標題。該標題對用戶是可見的，當在其上點擊時可打開或關閉

detail。

HTML5:?

HTML4:

style="display:hidden">

?標簽定義嵌入的內容，比如插件。

HTML5:

/>

HTML4:?

data="flash.swf"

type="application/x-shockwave-flash">

標簽定義

figure 元素的標題。”figcaption” 元素應該被置于 “figure”

元素的第一個或最后一個子元素的位置。

HTML5:

PRC

HTML4:none

標簽用于對元素進行組合。使用

元素為元素組添加標題。

HTML5:

PRC

The

People‘s Republic of China was born in

1949...

HTML4:?

PRC

The

People‘s Republic of China was born in

1949...

?標簽定義

section 或 document

的頁腳。典型地，它會包含創作者的姓名、文檔的創作日期以及/或者聯系信息。

HTML5:?

HTML4:

?標簽定義

section 或 document 的頁眉。

HTML5:?

HTML4:

標簽用于對網頁或區段(section)的標題進行組合。

HTML5:?

HTML4:?

?標簽定義生成密鑰。

HTML5:?

HTML4:?none

主要用來在視覺上向用戶呈現那些需要突出的文字。標簽的一個比較典型的應用就是在搜索結果中向用戶高亮顯示搜索關鍵詞。

HTML5:?

HTML4:?

標簽定義度量衡。僅用于已知最大和最小值的度量。必須定義度量的范圍，既可以在元素的文本中，也可以在

min/max 屬性中定義。

HTML5:?

HTML4:?none

標簽定義導航鏈接的部分。

HTML5:?

HTML4:

標簽定義不同類型的輸出，比如腳本的輸出。

HTML5:

HTML4:?

標簽運行中的進程。可以使用

標簽來顯示 JavaScript

中耗費時間的函數的進程。

HTML5:?

HTML4:?none

標簽在 ruby

注釋中使用，以定義不支持 ruby

元素的瀏覽器所顯示的內容。

HTML5:?漢

(ㄏㄢˋ)

HTML4:?none

標簽定義字符(中文注音或字符)的解釋或發音。

HTML5:?漢 ㄏㄢˋ

HTML4:?none

標簽定義

ruby 注釋(中文注音或字符)。

HTML5:漢

(ㄏㄢˋ)

HTML4:?none

標簽定義文檔中的節(section、區段)。比如章節、頁眉、頁腳或文檔中的其他部分。

HTML5:?

HTML4:?

標簽為媒介元素(比如

和

)定義媒介資源。

HTML5:?

HTML4:?

?標簽包含

details 元素的標題，”details” 元素用于描述有關文檔或文檔片段的詳細信息。”summary” 元素應該是 “details”

元素的第一個子元素。

HTML5:?HTML

5This document teaches you everything you have to learn about

HTML

5.

HTML4:?none

標簽定義日期或時間，或者兩者。

HTML5:?

HTML4:?

?標簽定義視頻，比如電影片段或其他視頻流。

HTML5:?

controls="controls">您的瀏覽器不支持 video

標簽。

HTML4:

data="movie.ogv">

value="movie.ogv">

總結

以上是生活随笔為你收集整理的html5多大场景,HTML5新标签解释及其使用场景的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。