HTML 5 是一個新的網絡標準,目標在於取代現有的HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標準,本文給大家介紹HTML5標籤使用方法詳解,對html5標籤使用相關內容感興趣的朋友一起學習吧
HTML 5 是一個新的網絡標準,目標在於取代現有的HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 標準。它希望能夠減少瀏覽器對於需要插件的豐富性網絡應用服務(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 與Sun JavaFX 的需求。
HTML 5 提供了一些新的元素和屬性,反映典型的現代用法網站。其中有些是技術上類似<div> 和<span> 標籤,但有一定含義,例如<nav>(網站導航塊)和<footer>。這種標籤將有利於搜索引擎的索引整理、小屏幕裝置和視障人士使用。同時為其他瀏覽要素提供了新的功能,通過一個標準接口,如<audio> 和<video> 標記。
HTML 5 作為新一代的超文本標記語言,增加了許多標籤。這些標籤不但更有語義,而且功能強大。具體有以下標籤:
<article> 定義外部的內容。比如來自一個外部的新聞提供者的一篇新的文章,或者來自blog 的文本,或者是來自論壇的文本。亦或是來自其他外部源內容。
<aside> 定義頁面內容之外的內容,但應該與頁面內容相關
<audio> 定義聲音,比如音樂或其他音頻流
<canvas> 定義圖形,比如圖表和其他圖像。
<command> 定義命令按鈕,比如單選按鈕、複選框或按鈕。
<datatemplate> 定義數據模板的一個容器。該元素必須有定義模板的子元素:<rule> 元素
<datagrid> 定義可選數據的列表。 datagrid 作為樹列表來顯示
<datalist> 定義可選數據的列表。與input 元素配合使用,就可以製作出輸入值的下拉列表
<dialog> 定義對話,比如交談
<embed> 定義嵌入的內容,比如插件
<event-source> 定義由服務器發送的事件的來源
<figure> 定義媒介內容的分組,以及它們的標題
<footer> 定義section 或document 的頁腳
<header> 定義section 或document 的頁眉
<hgroup> 將標題分組
<keygen> 定義生成密鑰
<m> 定義帶有記號的文本
<mark> 主要的功能就是在頁面中高亮顯示那些需要在視覺上向用戶突出其重要性的文字。個比較典型的應用就是在搜索結果中向用戶高亮顯示搜索關鍵詞
<meter> 定義度量(單位)。僅用於已知最大和最小值的度量
<nav> 定義導航鏈接
<nest> 在數據模板中為子元素定義嵌套點。與<datatemplate> 和<rule> 元素一同使用
<output> 定義不同類型的輸出,比如腳本的輸出
<progress> 運行中的進程。可以用來來顯示JavaScript 中耗費時間的函數的進程或下載的進度
<rule> 定義更新數據模板的規則。與<datatemplate> 和<nest> 元素一起使用
<rp> 在ruby 註釋中使用,以定義不支持ruby 元素的瀏覽器所顯示的內容
<rt> 定義漢字的拼音或日語漢字的平假名
<ruby> 定義亞洲語言中的附註文字
<section> 定義文檔中的節(section)。比如章節、頁眉、頁腳或文檔中的其他部分
<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 等。