HTML5標簽使用方法詳解

HTML 5 是一個新的網(wǎng)絡(luò)標準,目標在于取代現(xiàn)有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標準。它希望能夠減少瀏覽器對于需要插件的豐富性網(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> 標簽,但有一定含義,例如 <nav>(網(wǎng)站導航塊)和 <footer>。這種標簽將有利于搜索引擎的索引整理、小屏幕裝置和視障人士使用。同時為其他瀏覽要素提供了新的功能,通過一個標準接口,如 <audio> 和 <video> 標記。
HTML 5 作為新一代的超文本標記語言,增加了許多標簽。這些標簽不但更有語義,而且功能強大。具體有以下標簽:
<article> 定義外部的內(nèi)容。比如來自一個外部的新聞提供者的一篇新的文章,或者來自 blog 的文本,或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容。
<aside> 定義頁面內(nèi)容之外的內(nèi)容,但應(yīng)該與頁面內(nèi)容相關(guān)
<audio> 定義聲音,比如音樂或其他音頻流
<canvas> 定義圖形,比如圖表和其他圖像。
<command> 定義命令按鈕,比如單選按鈕、復選框或按鈕。
<datatemplate> 定義數(shù)據(jù)模板的一個容器。該元素必須有定義模板的子元素:<rule> 元素
<datagrid> 定義可選數(shù)據(jù)的列表。datagrid 作為樹列表來顯示
<datalist> 定義可選數(shù)據(jù)的列表。與 input 元素配合使用,就可以制作出輸入值的下拉列表
<dialog> 定義對話,比如交談
<embed> 定義嵌入的內(nèi)容,比如插件
<event-source> 定義由服務(wù)器發(fā)送的事件的來源
<figure> 定義媒介內(nèi)容的分組,以及它們的標題
<footer> 定義 section 或 document 的頁腳
<header> 定義 section 或 document 的頁眉
<hgroup> 將標題分組
<keygen> 定義生成密鑰
<m> 定義帶有記號的文本
<mark> 主要的功能就是在頁面中高亮顯示那些需要在視覺上向用戶突出其重要性的文字。個比較典型的應(yīng)用就是在搜索結(jié)果中向用戶高亮顯示搜索關(guān)鍵詞
<meter> 定義度量(單位)。僅用于已知最大和最小值的度量
<nav> 定義導航鏈接
<nest> 在數(shù)據(jù)模板中為子元素定義嵌套點。與 <datatemplate> 和 <rule> 元素一同使用
<output> 定義不同類型的輸出,比如腳本的輸出
<progress> 運行中的進程。可以用來來顯示 JavaScript 中耗費時間的函數(shù)的進程或下載的進度
<rule> 定義更新數(shù)據(jù)模板的規(guī)則。與 <datatemplate> 和 <nest> 元素一起使用
<rp> 在 ruby 注釋中使用,以定義不支持 ruby 元素的瀏覽器所顯示的內(nèi)容
<rt> 定義漢字的拼音或日語漢字的平假名
<ruby> 定義亞洲語言中的“附注文字”
<section> 定義文檔中的節(jié)(section)。比如章節(jié)、頁眉、頁腳或文檔中的其他部分
<source> 為媒介元素(比如 <video> 和 <audio>)定義媒介資源
<summary> 定義一個摘要,即 detail 的頭部。不等同于表格中的 summary 屬性
<time> 定義日期或時間,或者兩者
<video> 定義視頻,比如電影片段或其他視頻流
HTML5 增加了許多新標簽,同時也廢除了一些標簽:
<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 代替
上面這些標簽在 XHTML 1.0 是不建議使用的,但仍然可以支持,而在 HTML 5 中則徹底不支持了。另外還有很多標簽屬性也不支持,如 aling 等。
相關(guān)文章
- 下面小編就為大家?guī)硪黄P(guān)于HTML5語義標簽的實踐(blog頁面)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-12
html5基于canvas實現(xiàn)的文字標簽云3D旋轉(zhuǎn)動畫特效源碼
這是一款html5基于canvas實現(xiàn)的文字標簽云3D旋轉(zhuǎn)動畫特效源碼。鼠標滑過文字呈現(xiàn)框選效果,拖動文字可呈現(xiàn)出標簽云的3D動畫旋轉(zhuǎn)效果。2016-07-07- 下面小編就為大家?guī)硪黄狧TML5之語義標簽介紹。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
- 制作手機版網(wǎng)站的時候,除了頁面簡潔、操作方便等訪問者可以看到的地方以外,就是 Meta 標簽的設(shè)置,合理設(shè)置 Meta 標簽 對手機版網(wǎng)站的搜索引擎優(yōu)化,手機瀏覽器的渲染展2016-01-06
- 這篇文章主要介紹了HTML5下meta標簽的一些應(yīng)用方法實例,包括在移動前端頁面上的一個使用例子,需要的朋友可以參考下2015-12-08
HTML與XHTML、以及HTML4與HTML5標簽之間的區(qū)別簡介
這篇文章主要介紹了HTML與XHTML、以及HTML4與HTML5標簽之間的區(qū)別,是網(wǎng)頁前端編程入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-11-07- HTML5引入的新標簽有一些有趣的屬性,例如poster、autofocus、onerror、formaction、oninput,這些屬性都可以用來執(zhí)行javascript,這會導致XSS和CSRF跨域請求偽造。對這方2015-09-27
- 這篇文章主要介紹了HTML5中audio標簽的使用,在各瀏覽器中添加音頻播放控件,需要的朋友可以參考下2015-09-24
- 這篇文章主要介紹了HTML5進階段內(nèi)聯(lián)標簽匯總(小篇)的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-13