歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> HTML5新增的元素詳解

HTML5新增的元素詳解

日期:2017/3/1 10:23:14   编辑:Linux編程

HTML5中新增了許多元素

Part1::新增的與結構相關的元素(主要是原來<div>元素的按照其功能進行了細分)

主體結構元素:

<section>元素:表示頁面的一個內容區塊
<article>元素:表示頁面一塊獨立內容
<aside>元素:表示頁面上<article>元素之外的但是與<article>相關的輔助信息
<nav>元素:表示頁面中導航鏈接的部分
非主體結構元素:

<header>元素:表示頁面中一個內容區塊<section>或者整個頁面的標題
<hgroup>元素:表示對於整個頁面或者頁面一個內容區塊<section>的<header>進行組合
<footer>元素:表示對整個頁面或者頁面一個內容區塊<session>的頁腳
<figure>元素:表示一段獨立的文檔流內容
<figcaption>元素:表示<figure>元素的標題

Part2:新增的與結構無關的元素

<video>元素:用於定義視頻,無需<object type="video/ogg">
<audio>元素:用於定義音頻, 無需<object type="application/ogg">
<embed>元素:用於插入各種多媒體,可以各種格式
<mark>元素: 用於向用戶在視覺上突出顯示某些文字
<progress>元素:表示運行中的進程
<time>元素: 用於表示日期或者時間, 或者兩者
<ruby>元素: 表示ruby注釋
<rt>元素:表示字符的解釋或者發音
<rp>元素:在<ruby>內使用,表示不支持<ruby>元素的浏覽器所顯示的內容
<wbr>元素:表示軟換行,可以根據浏覽器的窗口或者父級元素的寬度自己決定
<canvas>元素:表示畫布,然後讓腳本把想畫的東西畫在上面
<command>元素:表示命令按鈕
<details>元素:表示當用戶點擊某元素時候想要得到的細節信息,常和<summary>元素聯合使用
<summary>元素:是<details>元素的第一個子元素,表示了<details>的標題
<datalist>元素:表明了可以選擇的數據列表,以下拉列表形式顯示
<datagrid>元素:表明了可選的數據列表,但是以樹列表的形式顯示
<keygen>元素:表示生成密鑰:
<output>元素:表示不同類型的輸出
<source>元素:表示為<video><audio>等媒體元素定義資源
<menu>元素:表示了菜單列表

Part3:新增的<input>元素的類型:

<email>: 表示必須輸入email地址的文本輸入框
<url>:表示必須輸入url地址的文本輸入框
<number>:表示必須輸入數值的文本輸入框
<range>:表示必須輸入一定范圍內數字的文本輸入框
Date Pickers

Copyright © Linux教程網 All Rights Reserved