HTML5標(biāo)簽使用方法詳解

字號(hào):


    HTML 5 是一個(gè)新的網(wǎng)絡(luò)標(biāo)準(zhǔn),目標(biāo)在于取代現(xiàn)有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標(biāo)準(zhǔn)。它希望能夠減少瀏覽器對(duì)于需要插件的豐富性網(wǎng)絡(luò)應(yīng)用服務(wù)(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 與 Sun JavaFX 的需求。
    HTML 5 提供了一些新的元素和屬性,反映典型的現(xiàn)代用法網(wǎng)站。其中有些是技術(shù)上類似 <div> 和 <span> 標(biāo)簽,但有一定含義,例如 <nav>(網(wǎng)站導(dǎo)航塊)和 <footer>。這種標(biāo)簽將有利于搜索引擎的索引整理、小屏幕裝置和視障人士使用。同時(shí)為其他瀏覽要素提供了新的功能,通過(guò)一個(gè)標(biāo)準(zhǔn)接口,如 <audio> 和 <video> 標(biāo)記。
    HTML 5 作為新一代的超文本標(biāo)記語(yǔ)言,增加了許多標(biāo)簽。這些標(biāo)簽不但更有語(yǔ)義,而且功能強(qiáng)大。具體有以下標(biāo)簽:
    <article> 定義外部的內(nèi)容。比如來(lái)自一個(gè)外部的新聞提供者的一篇新的文章,或者來(lái)自 blog 的文本,或者是來(lái)自論壇的文本。亦或是來(lái)自其他外部源內(nèi)容。
    <aside> 定義頁(yè)面內(nèi)容之外的內(nèi)容,但應(yīng)該與頁(yè)面內(nèi)容相關(guān)
    <audio> 定義聲音,比如音樂(lè)或其他音頻流
    <canvas> 定義圖形,比如圖表和其他圖像。
    <command> 定義命令按鈕,比如單選按鈕、復(fù)選框或按鈕。
    <datatemplate> 定義數(shù)據(jù)模板的一個(gè)容器。該元素必須有定義模板的子元素:<rule> 元素
    <datagrid> 定義可選數(shù)據(jù)的列表。datagrid 作為樹列表來(lái)顯示
    <datalist> 定義可選數(shù)據(jù)的列表。與 input 元素配合使用,就可以制作出輸入值的下拉列表
    <dialog> 定義對(duì)話,比如交談
    <embed> 定義嵌入的內(nèi)容,比如插件
    <event-source> 定義由服務(wù)器發(fā)送的事件的來(lái)源
    <figure> 定義媒介內(nèi)容的分組,以及它們的標(biāo)題
    <footer> 定義 section 或 document 的頁(yè)腳
    <header> 定義 section 或 document 的頁(yè)眉
    <hgroup> 將標(biāo)題分組
    <keygen> 定義生成密鑰
    <m> 定義帶有記號(hào)的文本
    <mark> 主要的功能就是在頁(yè)面中高亮顯示那些需要在視覺(jué)上向用戶突出其重要性的文字。個(gè)比較典型的應(yīng)用就是在搜索結(jié)果中向用戶高亮顯示搜索關(guān)鍵詞
    <meter> 定義度量(單位)。僅用于已知最大和最小值的度量
    <nav> 定義導(dǎo)航鏈接
    <nest> 在數(shù)據(jù)模板中為子元素定義嵌套點(diǎn)。與 <datatemplate> 和 <rule> 元素一同使用
    <output> 定義不同類型的輸出,比如腳本的輸出
    <progress> 運(yùn)行中的進(jìn)程??梢杂脕?lái)來(lái)顯示 JavaScript 中耗費(fèi)時(shí)間的函數(shù)的進(jìn)程或下載的進(jìn)度
    <rule> 定義更新數(shù)據(jù)模板的規(guī)則。與 <datatemplate> 和 <nest> 元素一起使用
    <rp> 在 ruby 注釋中使用,以定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容
    <rt> 定義漢字的拼音或日語(yǔ)漢字的平假名
    <ruby> 定義亞洲語(yǔ)言中的“附注文字”
    <section> 定義文檔中的節(jié)(section)。比如章節(jié)、頁(yè)眉、頁(yè)腳或文檔中的其他部分
    <source> 為媒介元素(比如 <video> 和 <audio>)定義媒介資源
    <summary> 定義一個(gè)摘要,即 detail 的頭部。不等同于表格中的 summary 屬性
    <time> 定義日期或時(shí)間,或者兩者
    <video> 定義視頻,比如電影片段或其他視頻流
    HTML5 增加了許多新標(biāo)簽,同時(shí)也廢除了一些標(biāo)簽:
    <acronym> 可以使用 <abbr> 代替
    <applet> 不再支持
    <basefont> 用 CSS 代替
    <big> 用 CSS 代替
    <center> 用 CSS 代替
    <dir> 用 CSS 代替
    <font> 用 CSS 代替
    <frame> 不再支持
    <frameset> 不再支持
    <noframes> 不再支持
    <s> 用 CSS 代替
    <small> 用 CSS 代替
    <strike> 用 CSS 代替
    <tt> 用 CSS 代替
    <u> 用 CSS 代替
    上面這些標(biāo)簽在 XHTML 1.0 是不建議使用的,但仍然可以支持,而在 HTML 5 中則徹底不支持了。另外還有很多標(biāo)簽屬性也不支持,如 aling 等。