HTML5 新元素

HTML5 新元素

自1999年以後HTML 4.01 已經改變了很多,今天,在HTML 4.01中的幾個已經被廢棄,這些元素在HTML5中已經被刪除或重新定義。

為了更好地處理今天的互聯網應用,HTML5添加了很多新元素及功能,例如: 圖形的繪製,多媒體內容,更好的頁面結構,更好的形式處理,和幾個api拖放元素,定位,包括網頁應用程式緩存,存儲,網絡工作者,等。


<canvas> 新元素

##     #   
標籤 描述


########################### #############     <canvas>#########標籤定義圖形,例如圖表和其他影像。此標籤基於 JavaScript 的繪圖 API############


新多媒體元素

#    <audio>
     標籤     說明
#    <audio>
#    <audio>定義音訊內容
    <video>#定義影片(video 或movie)


    <source>###### 定義多媒體資源<video> 和<audio>############    <audio>############    <audio>############    <embed>###########    <embed>###########    < #####定義嵌入的內容,例如外掛程式。 ########################    <track>#########為諸如<video> 和<audio> 元素之類的媒介規定外部文字軌道。 ############

新表單元素

     標籤     描述


#################################### ####    <datalist>#########定義選項清單。請與 input 元素搭配使用該元素,來定義 input 可能的值。 ############    <keygen>#######規定用於表單的金鑰對產生器欄位。 ############    <output>#######定義不同類型的輸出,例如腳本的輸出。 ############


新的語意與結構元素

HTML5提供了新的元素來創造更好的頁面結構:

          #描述
    <article>#定義頁面獨立的內容區域。
    <aside>#定義頁面的側邊欄內容。
    <bdi>#可讓您設定一段文本,使其脫離其父元素的文字方向設定。
    <command>#定義指令按鈕,例如單選按鈕、核取方塊或按鈕
##    <dialog>定義對話框,例如提示框標籤包含details 元素的標題#規定獨立的串流內容(影像、圖表、照片、程式碼等等)。 定義 <figure> 元素的標題
    <details>用來描述文件或文件某部分的細部
#    <dialog>
    <summary>
#    <figure>
    <figcaption>
#########    <mark>定義帶有記號的文字。 #定義度量衡。僅用於已知最大值和最小值的度量。 #定義導覽連結的部分。
    <footer>#定義 section 或 document 的頁尾。
    <header>#定義了文件的頭部區域
##    <mark>
    <meter>
    <nav>
######
    <progress>#定義任何類型的任務的進度。
    <ruby>#定義 ruby​​ 註解(中文註音或字元)。
    <rt>#定義字元(中文註音或字元)的解釋或發音。

 

    <rp>

在ruby 註解中使用,定義不支援ruby 元素的瀏覽器所顯示的內容。
    <section>#定義文件中的節(section、區段)。
    <time>定義日期或時間。
    <wbr>#規定在文本中的何處適合新增換行符號。

以上新元素的用法請到我們的HTML 參考手冊



繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <h1>HTML5 新元素</h1> <article> php中文网 —— php中文网!! </article> </body> </html>