HTML5標(biā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 等。
相關(guān)文章
關(guān)于HTML5語(yǔ)義標(biāo)簽的實(shí)踐(blog頁(yè)面)
下面小編就為大家?guī)?lái)一篇關(guān)于HTML5語(yǔ)義標(biāo)簽的實(shí)踐(blog頁(yè)面)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-12html5基于canvas實(shí)現(xiàn)的文字標(biāo)簽云3D旋轉(zhuǎn)動(dòng)畫特效源碼
這是一款html5基于canvas實(shí)現(xiàn)的文字標(biāo)簽云3D旋轉(zhuǎn)動(dòng)畫特效源碼。鼠標(biāo)滑過(guò)文字呈現(xiàn)框選效果,拖動(dòng)文字可呈現(xiàn)出標(biāo)簽云的3D動(dòng)畫旋轉(zhuǎn)效果。2016-07-07- 下面小編就為大家?guī)?lái)一篇HTML5之語(yǔ)義標(biāo)簽介紹。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-07
移動(dòng)端html5 meta標(biāo)簽的神奇功效
制作手機(jī)版網(wǎng)站的時(shí)候,除了頁(yè)面簡(jiǎn)潔、操作方便等訪問(wèn)者可以看到的地方以外,就是 Meta 標(biāo)簽的設(shè)置,合理設(shè)置 Meta 標(biāo)簽 對(duì)手機(jī)版網(wǎng)站的搜索引擎優(yōu)化,手機(jī)瀏覽器的渲染展2016-01-06實(shí)例講解HTML5的meta標(biāo)簽的一些應(yīng)用
這篇文章主要介紹了HTML5下meta標(biāo)簽的一些應(yīng)用方法實(shí)例,包括在移動(dòng)前端頁(yè)面上的一個(gè)使用例子,需要的朋友可以參考下2015-12-08HTML與XHTML、以及HTML4與HTML5標(biāo)簽之間的區(qū)別簡(jiǎn)介
這篇文章主要介紹了HTML與XHTML、以及HTML4與HTML5標(biāo)簽之間的區(qū)別,是網(wǎng)頁(yè)前端編程入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-11-07- HTML5引入的新標(biāo)簽有一些有趣的屬性,例如poster、autofocus、onerror、formaction、oninput,這些屬性都可以用來(lái)執(zhí)行javascript,這會(huì)導(dǎo)致XSS和CSRF跨域請(qǐng)求偽造。對(duì)這方2015-09-27
簡(jiǎn)單介紹HTML5中audio標(biāo)簽的使用
這篇文章主要介紹了HTML5中audio標(biāo)簽的使用,在各瀏覽器中添加音頻播放控件,需要的朋友可以參考下2015-09-24HTML5進(jìn)階段內(nèi)聯(lián)標(biāo)簽匯總(小篇)
這篇文章主要介紹了HTML5進(jìn)階段內(nèi)聯(lián)標(biāo)簽匯總(小篇)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-13