您好,登錄后才能下訂單哦!
小編給大家分享一下HTML5新增的標簽是什么,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
HTML5新增的標簽:canvas、audio、video、source、embed、track、datalist、keygen、output、article、aside、bdi、nav、mark、rt、rp、ruby、time、wbr等。
HTML5是HTML的最新版本,由W3C在2014年完成標準定制。增強的瀏覽器本機功能,減少了瀏覽器插件(如:flash)應用程序,提高了用戶體驗滿意度,使開發更加方便。HTML1.0到5.0經歷了巨大的變化,從單一的文本顯示功能到圖文并茂的多媒體顯示功能,許多特性經過多年的完善,已經發展成為一種非常重要的標記語言。HTML5新增了一些結構性標記、多媒體標記和表單標記。
<canvas> 新元素
標簽 | 描述 |
---|---|
<canvas> | 標簽定義圖形,比如圖表和其他圖像。該標簽基于 JavaScript 的繪圖 API |
新多媒體元素
標簽 | 描述 |
---|---|
<audio> | 定義音頻內容 |
<video> | 定義視頻(video 或者 movie) |
<source> | 定義多媒體資源 <video> 和 <audio> |
<embed> | 定義嵌入的內容,比如插件。 |
<track> | 為諸如 <video> 和 <audio> 元素之類的媒介規定外部文本軌道。 |
新表單元素
標簽 | 描述 |
---|---|
<datalist> | 定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。 |
<keygen> | 規定用于表單的密鑰對生成器字段。 |
<output> | 定義不同類型的輸出,比如腳本的輸出。 |
新的語義和結構元素
標簽 | 描述 |
---|---|
<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> | 規定在文本中的何處適合添加換行符。 |
以上是HTML5新增的標簽是什么的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。