html5多大场景,HTML5新标签解释及其使用场景
我們來看一下HTML 5提供的一些新的標(biāo)簽用法和HTML 4的區(qū)別
標(biāo)簽定義外部的內(nèi)容。比如來自一個(gè)外部的新聞提供者的一篇新的文章，或者來自
blog
的文本，或者是來自論壇的文本，亦或是來自其他外部源內(nèi)容。
HTML5:
HTML4:
標(biāo)簽定義 article
以外的內(nèi)容；aside 的內(nèi)容應(yīng)該與 article 的內(nèi)容相關(guān)。
HTML5:Aside
的內(nèi)容是獨(dú)立的內(nèi)容，但應(yīng)與文檔內(nèi)容相關(guān)。
HTML4:
Aside的內(nèi)容是獨(dú)立的內(nèi)容，但應(yīng)與文檔內(nèi)容相關(guān)。
?標(biāo)簽定義聲音，比如音樂或其他音頻流。
HTML5:您的瀏覽器不支持
audio 標(biāo)簽。
HTML4:
data="someaudio.wav">
value="someaudio.wav">
?標(biāo)簽定義圖形，比如圖表和其他圖像。這個(gè)
HTML 元素是為了客戶端矢量圖形而設(shè)計(jì)的。它自己沒有行為，但卻把一個(gè)繪圖 API 展現(xiàn)給客戶端 JavaScript
以使腳本能夠把想繪制的東西都繪制到一塊畫布上。
HTML5:
id="myCanvas" width="200"
height="200">
HTML4:
type="image/svg+xml" width="200"
height="200">
?標(biāo)簽定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕。
HTML5:
label="cut">
HTML4:none
?標(biāo)簽定義可選數(shù)據(jù)的列表。與
input 元素配合使用，就可以制作出輸入值的下拉列表。
HTML5:
HTML4:see?combobox.
?標(biāo)簽定義元素的細(xì)節(jié)，用戶可進(jìn)行查看，或通過點(diǎn)擊進(jìn)行隱藏。與
一起使用，來制作 detail 的標(biāo)題。該標(biāo)題對(duì)用戶是可見的，當(dāng)在其上點(diǎn)擊時(shí)可打開或關(guān)閉
detail。
HTML5:?
HTML4:
style="display:hidden">
?標(biāo)簽定義嵌入的內(nèi)容，比如插件。
HTML5:
/>
HTML4:?
data="flash.swf"
type="application/x-shockwave-flash">
標(biāo)簽定義figure 元素的標(biāo)題。”figcaption” 元素應(yīng)該被置于 “figure”
元素的第一個(gè)或最后一個(gè)子元素的位置。
HTML5:
PRCHTML4:none
標(biāo)簽用于對(duì)元素進(jìn)行組合。使用元素為元素組添加標(biāo)題。HTML5:
PRCThe
People‘s Republic of China was born in
1949...
HTML4:?
PRC
The
People‘s Republic of China was born in
1949...
?標(biāo)簽定義
section 或 document
的頁(yè)腳。典型地，它會(huì)包含創(chuàng)作者的姓名、文檔的創(chuàng)作日期以及/或者聯(lián)系信息。
HTML5:?
HTML4:
?標(biāo)簽定義
section 或 document 的頁(yè)眉。
HTML5:?
HTML4:
標(biāo)簽用于對(duì)網(wǎng)頁(yè)或區(qū)段(section)的標(biāo)題進(jìn)行組合。
HTML5:?
HTML4:?
?標(biāo)簽定義生成密鑰。
HTML5:?
HTML4:?none
主要用來在視覺上向用戶呈現(xiàn)那些需要突出的文字。標(biāo)簽的一個(gè)比較典型的應(yīng)用就是在搜索結(jié)果中向用戶高亮顯示搜索關(guān)鍵詞。
HTML5:?
HTML4:?
標(biāo)簽定義度量衡。僅用于已知最大和最小值的度量。必須定義度量的范圍，既可以在元素的文本中，也可以在
min/max 屬性中定義。
HTML5:?
HTML4:?none
標(biāo)簽定義導(dǎo)航鏈接的部分。
HTML5:?
HTML4:
標(biāo)簽定義不同類型的輸出，比如腳本的輸出。
HTML5:
HTML4:?
標(biāo)簽運(yùn)行中的進(jìn)程。可以使用
標(biāo)簽來顯示 JavaScript
中耗費(fèi)時(shí)間的函數(shù)的進(jìn)程。
HTML5:?
HTML4:?none
標(biāo)簽在 ruby
注釋中使用，以定義不支持 ruby
元素的瀏覽器所顯示的內(nèi)容。
HTML5:?漢
(ㄏㄢˋ)
HTML4:?none
標(biāo)簽定義字符(中文注音或字符)的解釋或發(fā)音。
HTML5:?漢 ㄏㄢˋ
HTML4:?none
標(biāo)簽定義
ruby 注釋(中文注音或字符)。
HTML5:漢
(ㄏㄢˋ)
HTML4:?none
標(biāo)簽定義文檔中的節(jié)(section、區(qū)段)。比如章節(jié)、頁(yè)眉、頁(yè)腳或文檔中的其他部分。
HTML5:?
HTML4:?
標(biāo)簽為媒介元素(比如
和
)定義媒介資源。
HTML5:?
HTML4:?
?標(biāo)簽包含
details 元素的標(biāo)題，”details” 元素用于描述有關(guān)文檔或文檔片段的詳細(xì)信息。”summary” 元素應(yīng)該是 “details”
元素的第一個(gè)子元素。
HTML5:?HTML
5This document teaches you everything you have to learn about
HTML
5.
HTML4:?none
標(biāo)簽定義日期或時(shí)間，或者兩者。
HTML5:?
HTML4:?
?標(biāo)簽定義視頻，比如電影片段或其他視頻流。
HTML5:?
controls="controls">您的瀏覽器不支持 video
標(biāo)簽。
HTML4:
data="movie.ogv">
value="movie.ogv">
總結(jié)
以上是生活随笔為你收集整理的html5多大场景,HTML5新标签解释及其使用场景的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 微信转账金额有限制吗
- 下一篇： IOS 企业版发布后，用户通过saraf