亚洲视频二区I天堂网av 在线I丰满人妻AV一区二区三I088精品在线观看视频IAV在线网站免费I亚洲人成影院在线I91精品91久久久777777I131M久I日日摸日日

027-81331413

Html5新標簽解釋及用法

發(fā)布時間:2013-05-03 瀏覽:3806

HTML 5 是一個新的網(wǎng)絡標準,目標在于取代現(xiàn)有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標準。它希望能夠減少瀏覽器對于需要插件的豐富性網(wǎng)絡應用服務(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 與 Sun JavaFX 的需求。

HTML 5 提供了一些新的元素和屬性,反映典型的現(xiàn)代用法網(wǎng)站。其中有些是技術(shù)上類似<div><span>標簽,但有一定含義,例如<nav>(網(wǎng)站導航塊)和<footer>。這種標簽將有利于搜索引擎的索引整理、小屏幕裝置和視障人士使用。同時為其他瀏覽要素提供了新的功能,通過一個標準接口,如<audio><video>標記。

下面我們來看一下HTML 5提供的一些新的標簽用法以及和HTML 4的區(qū)別。

<article>標簽定義外部的內(nèi)容。比如來自一個外部的新聞提供者的一篇新的文章,或者來自 blog 的文本,或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容。
HTML5:<article></article>
HTML4:<div></div>

<aside>標簽定義 article 以外的內(nèi)容。aside 的內(nèi)容應該與 article 的內(nèi)容相關(guān)。
HTML5:<aside>Aside 的內(nèi)容是獨立的內(nèi)容,但應與文檔內(nèi)容相關(guān)。</aside>
HTML4:<div>Aside 的內(nèi)容是獨立的內(nèi)容,但應與文檔內(nèi)容相關(guān)。</div>

<audio> 標簽定義聲音,比如音樂或其他音頻流。
HTML5:<audio src="someaudio.wav">您的瀏覽器不支持 audio 標簽。</audio>
HTML4:<object type="application/ogg" data="someaudio.wav"><param name="src" value="someaudio.wav"></object>

<canvas> 標簽定義圖形,比如圖表和其他圖像。這個 HTML 元素是為了客戶端矢量圖形而設計的。它自己沒有行為,但卻把一個繪圖 API 展現(xiàn)給客戶端 JavaScript 以使腳本能夠把想繪制的東西都繪制到一塊畫布上。
HTML5:<canvas id="myCanvas" width="200" height="200"></canvas>
HTML4:<object data="inc/hdr.svg" type="image/svg+xml" width="200" height="200"></object>

<command> 標簽定義命令按鈕,比如單選按鈕、復選框或按鈕。
HTML5: <command onclick=cut()" label="cut">
HTML4: none

<datalist> 標簽定義可選數(shù)據(jù)的列表。與 input 元素配合使用,就可以制作出輸入值的下拉列表。
HTML5: <datalist></datalist>
HTML4: see combobox.

<details> 標簽定義元素的細節(jié),用戶可進行查看,或通過點擊進行隱藏。與 <legend> 一起使用,來制作 detail 的標題。該標題對用戶是可見的,當在其上點擊時可打開或關(guān)閉 detail。
HTML5: <details></details>
HTML4: <dl style="display:hidden"></dl>

<embed> 標簽定義嵌入的內(nèi)容,比如插件。
HTML5: <embed src="horse.wav" />
HTML4: <object data="flash.swf" type="application/x-shockwave-flash"></object>

<figcaption> 標簽定義 figure 元素的標題。”figcaption” 元素應該被置于 “figure” 元素的第一個或最后一個子元素的位置。
HTML5: <figure><figcaption>PRC</figcaption></figure>
HTML4: none

<figure> 標簽用于對元素進行組合。使用 <figcaption> 元素為元素組添加標題。
HTML5: <figure><figcaption>PRC</figcaption><p>The People's Republic of China was born in 1949...</p></figure>
HTML4: <dl><h1>PRC</h1><p>The People's Republic of China was born in 1949...</p></dl>

<footer> 標簽定義 section 或 document 的頁腳。典型地,它會包含創(chuàng)作者的姓名、文檔的創(chuàng)作日期以及/或者聯(lián)系信息。
HTML5: <footer></footer>
HTML4: <div></div>

<header> 標簽定義 section 或 document 的頁眉。
HTML5: <header></header>
HTML4: <div></div>

<hgroup> 標簽用于對網(wǎng)頁或區(qū)段(section)的標題進行組合。
HTML5: <hgroup></hgroup>
HTML4: <div></div>

<keygen> 標簽定義生成密鑰。
HTML5: <keygen>
HTML4: none

<mark>主要用來在視覺上向用戶呈現(xiàn)那些需要突出的文字。<mark>標簽的一個比較典型的應用就是在搜索結(jié)果中向用戶高亮顯示搜索關(guān)鍵詞。
HTML5: <mark></mark>
HTML4: <span></span>

<meter> 標簽定義度量衡。僅用于已知最大和最小值的度量。必須定義度量的范圍,既可以在元素的文本中,也可以在 min/max 屬性中定義。
HTML5: <meter></meter>
HTML4: none

<nav> 標簽定義導航鏈接的部分。
HTML5: <nav></nav>
HTML4:<ul></ul>

<output> 標簽定義不同類型的輸出,比如腳本的輸出。
HTML5: <output></output>
HTML4: <span></span>

<progress> 標簽運行中的進程。可以使用 <progress> 標簽來顯示 JavaScript 中耗費時間的函數(shù)的進程。
HTML5: <progress></progress>
HTML4: none

<rp> 標簽在 ruby 注釋中使用,以定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容。
HTML5: <ruby>漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby>
HTML4: none

<rt> 標簽定義字符(中文注音或字符)的解釋或發(fā)音。
HTML5: <ruby>漢 <rt> ㄏㄢˋ </rt></ruby>
HTML4: none

<ruby> 標簽定義 ruby 注釋(中文注音或字符)。
HTML5: <ruby>漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt></ruby>
HTML4: none

<section> 標簽定義文檔中的節(jié)(section、區(qū)段)。比如章節(jié)、頁眉、頁腳或文檔中的其他部分。
HTML5: <section></section>
HTML4: <div></div>

<source> 標簽為媒介元素(比如 <video> 和 <audio>)定義媒介資源。
HTML5: <source>
HTML4: <param>

<summary> 標簽包含 details 元素的標題,”details” 元素用于描述有關(guān)文檔或文檔片段的詳細信息。”summary” 元素應該是 “details” 元素的第一個子元素。
HTML5: <details><summary>HTML 5</summary>This document teaches you everything you have to learn about HTML 5.</details>
HTML4: none

<time> 標簽定義日期或時間,或者兩者。
HTML5: <time></time>
HTML4: <span></span>

<video> 標簽定義視頻,比如電影片段或其他視頻流。
HTML5: <video src="movie.ogg" controls="controls">您的瀏覽器不支持 video 標簽。</video>
HTML4:<object type="video/ogg" data="movie.ogv"><param name="src" value="movie.ogv"></object>

主站蜘蛛池模板: 1000部国产精品成人观看 | 三级av网| 国产免费又粗又猛又爽 | 91高清完整版在线观看 | 成人免费一级片 | 国产精品亚洲片夜色在线 | 欧美a级免费视频 | 亚洲精品乱码久久久久久蜜桃欧美 | 亚洲精品中文在线 | 麻花豆传媒mv在线观看网站 | 精品国产一区二区三区四区vr | 亚洲精选视频在线 | 亚洲视频 中文字幕 | av在线电影网站 | 天天插伊人 | 午夜国产影院 | 婷婷香蕉 | 日本在线观看中文字幕无线观看 | 国产高清一级 | 日韩欧美电影在线观看 | 四虎在线免费观看视频 | 91色吧| 欧美日产一区 | 午夜视频导航 | 久久九九网站 | 欧美成人在线免费 | 五月天色站 | 日韩av电影中文字幕在线观看 | a午夜在线 | 国产va在线| 日韩av在线影视 | 日韩精品中文字幕在线不卡尤物 | 亚洲欧美日韩国产精品一区午夜 | 日韩在线免费播放 | 亚洲丝袜一区二区 | 2019精品手机国产品在线 | 最新av在线网站 | 手机看片 | 色婷婷狠狠 | 久操视频在线免费看 | 国产视频精品网 | www.色午夜.com| 中文字幕国内精品 | 免费看的毛片 | 免费激情网 | 九九热只有精品 | 在线激情影院一区 | 日本女人的性生活视频 | 久久一区二区免费视频 | 日本精品视频在线 | 亚洲成色 | 一区二区三区四区影院 | 日本在线观看一区二区 | 狠狠色丁婷婷日日 | 亚洲深夜影院 | 精品一区二区三区久久 | 亚洲第一av在线播放 | 免费成人短视频 | 国产99黄| 在线观看久| 欧美综合在线观看 | 国产99久久久国产精品免费看 | 天天拍天天色 | 一区二区三区中文字幕在线 | 国产精品黄色 | 国产69精品久久app免费版 | 九九视频在线 | 91九色视频在线播放 | 最新国产在线视频 | 久久综合久久综合这里只有精品 | 国产拍揄自揄精品视频麻豆 | 亚洲激色| 欧美黑人性爽 | 玖玖色在线观看 | 日韩色综合网 | 视频一区二区视频 | 亚洲精品乱码久久久久久蜜桃91 | 日韩精品一区二区三区水蜜桃 | 特黄色大片 | 日韩中文字幕免费在线观看 | 日韩精品资源 | 欧美成人亚洲成人 | 久久久网| 在线免费观看av网站 | 日本精品va在线观看 | 在线不卡视频 | 精品久久91 | www.狠狠操| 日韩精品大片 | 娇妻呻吟一区二区三区 | 久久综合婷婷综合 | 99精品视频99 | 亚洲国产精品影院 | 午夜丁香网 | 午夜黄色影院 | 国产精品欧美久久久久无广告 | 香蕉视频网址 | 天天爽综合网 | 玖玖999 |