當前位置 : IT培訓網 > Web前端 > Web教程 > 如何學習HTML5新增元素

如何學習HTML5新增元素

時間:2016-12-06 14:48:08??來源:web前端培訓網??作者:IT培訓網??已有:名學員訪問該課程
為了更好地處理今天的互聯網應用,HTML5添加了很多新元素及功能,比如: 圖形的繪制,多媒體內容,更好的頁面結構,更好的形式 處理,和幾個api拖放元素,定位,包括網頁 應用程序緩存,存儲,網絡工作者,等。

HTML5版本公布了,作為網頁設計者第一時間了解及學習HTML5新元素可以大大提升自己的職場競爭力,那么在HTML5中新增的元素有哪些呢?下面就隨著IT培訓網小編一起來看看吧!

HTML5 新元素

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

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

<canvas> 新元素

標簽

描述

<canvas>

標簽定義圖形,比如圖表和其他圖像。該標簽基于 JavaScript 的繪圖 API

 

新表單元素

標簽

描述

<datalist>

定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。

<keygen>

規定用于表單的密鑰對生成器字段。

<output>

定義不同類型的輸出,比如腳本的輸出。

 

新多媒體元素

標簽

描述

<audio>

定義音頻內容

<video>

定義視頻(video 或者 movie)

<source>

定義多媒體資源 <video> 和 <audio>

<embed>

定義嵌入的內容,比如插件。

<track>

為諸如 <video> 和 <audio> 元素之類的媒介規定外部文本軌道。

 

新的語義和結構元素

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

標簽

描述

<article>

定義頁面獨立的內容區域。

<aside>

定義頁面的側邊欄內容。

<bdi>

允許您設置一段文本,使其脫離其父元素的文本方向設置。

<command>

定義命令按鈕,比如單選按鈕、復選框或按鈕

<details>

用于描述文檔或文檔某個部分的細節

<dialog>

定義對話框,比如提示框

<summary>

標簽包含 details 元素的標題

<figure>

規定獨立的流內容(圖像、圖表、照片、代碼等等)。

<figcaption>

定義 <figure> 元素的標題

<footer>

定義 section 或 document 的頁腳。

<header>

定義了文檔的頭部區域

<mark>

定義帶有記號的文本。

<meter>

定義度量衡。僅用于已知最大和最小值的度量。

<nav>

定義導航鏈接的部分。

<progress>

定義任何類型的任務的進度。

<ruby>

定義 ruby 注釋(中文注音或字符)。

<rt>

定義字符(中文注音或字符)的解釋或發音。

<rp>

在 ruby 注釋中使用,定義不支持 ruby 元素的瀏覽器所顯示的內容。

<section>

定義文檔中的節(section、區段)。

<time>

定義日期或時間。

<wbr>

規定在文本中的何處適合添加換行符。

 

已移除的元素

以下的 HTML 4.01 元素在HTML5中已經被刪除:

<acronym>

<basefont>

<frame>

<frameset>

<noframes>

<big>

<center>

<dir>

<applet>

<font>

<strike>

<tt>

對于HTML5新增元素就介紹到這里了,看看你自己做的網頁是否還有以上已移除的元素吧,如果你還沒有學習這方面知識,要趁早了,提升職場競爭力,制作漂亮的HTML頁面,展現自己的才能就在HTML5上。

頂一下
(0)
0%
踩一下
(0)
0%
------分隔線----------------------------
------分隔線----------------------------
Web 教程
1、HTML 教程
1.1 HTML 簡介
1.2 HTML 編輯器
1.3 HTML 基礎
1.4 HTML 元素
1.5 HTML 屬性
1.6 HTML 標題
1.7 HTML 段落
1.8 HTML 文本格式化
1.9 HTML 鏈接
1.10 HTML 頭部
1.11 HTML CSS
1.12 HTML 圖像
1.13 HTML 表格
1.14 HTML 列表
1.15 HTML 區塊
1.16 HTML 布局
1.17 HTML 表單
1.18 HTML 框架
1.19 HTML 顏色
1.20 HTML 顏色名
1.21 HTML 顏色值
1.22 HTML 腳本
1.23 HTML 字符實體
1.24 HTML URL
1.25 HTML 速查列表
1.26 HTML 總結
1.27 HTML 簡介
2、HTML5
2.1 HTML5 教程
2.2 HTML5 瀏覽器支持
2.3 HTML5 新元素
2.4 HTML5 Canvas
2.5 HTML5 內聯 SVG
2.6 HTML5 MathML
2.7 HTML5 拖放
2.8 HTML5 地理定位
2.9 HTML5 Video(視頻)
2.10 HTML5 Audio(音頻)
2.11 HTML5 Input 類型
2.12 HTML5 表單元素
2.13 HTML5 表單屬性
2.14 HTML5 語義元素
2.15 HTML5 Web 存儲
2.16 HTML5 Web SQL
2.17 HTML5 應用程序緩存
2.18 HTML5 Web Workers
2.19 HTML5 SSE
2.20 HTML5 WebSocket
2.21 HTML5 代碼規范
3、HTML 媒體
3.1 HTML 媒體(Media)
3.2 HTML 插件
3.3 HTML 音頻(Audio)
3.4 HTML視頻(Videos)播放
五月情天