首頁 > web前端 > html教學 > html5是什麼? html5新特性有哪些? (總結附代碼)

html5是什麼? html5新特性有哪些? (總結附代碼)

藏色散人
發布: 2020-09-04 17:10:11
原創
10682 人瀏覽過

這篇文章主要要跟大家介紹什麼是HTML5,總結一下html5新功能。有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

html5是什麼? html5新特性有哪些? (總結附代碼)

首先大家應該要認識HTML是什麼吧?

HTML是Hyper Text Markup Language的縮寫,“超文本標記語言”,它是製作網頁的標準語言。由於網頁中不僅包含普通文本,還包含超文本,故被稱為超文本描述語言。

那麼HTML5又是什麼呢

萬維網的核心語言、標準通用標記語言下的一個應用超文本標記語言(HTML)的第五次重大修改。本次修改後的標準我們稱為html5。

html5也就是包含HTML、CSS和JavaScript在內的一套技術組合,強化了Web網頁的表現效能。其次,追加了本地資料庫等 Web 應用的功能。

html5是什麼? html5新特性有哪些? (總結附代碼)

下面我們就結合簡單例子,跟大家總結介紹html5的新特性

一、繪畫 canvas

HTML5 標籤用於繪製圖像(透過腳本,通常是 JavaScript)。

二、用於媒介回放的 video 和 audio 元素

HTML5 DOM 為

這些方法、屬性和事件可讓您使用 JavaScript 來操作

三、本地離線儲存localStorage 長期儲存數據,瀏覽器關閉後資料不遺失

localStorage :沒有時間限制的資料儲存

#四、sessionStorage 的資料在瀏覽器關閉後自動刪除

sessionStorage :針對一個session 的資料儲存

五、語意化更好的內容元素,例如article、footer、header、nav、section

1.

標籤定義外部的內容。

2.

標籤定義文件或文件的一部分區域的頁首。
元素應該作為介紹內容或導覽連結列的容器。

3.Nav元素可以用作頁面導航的鏈接組,在導航鏈接組裡面有很多的鏈接,點擊每個鏈接可以鏈接到其他頁面或者當前頁面的其他部分,並不是所有的鏈接組別都要放在nav元素裡面,我們只需要把最主要的、基本的、重要的放在nav元素裡面即可。

4.section是帶有語意的標籤。

六、表單控件,calendar、date、time、email、url、search

七、新的技術webworker, websocket, Geolocation

1.web worker 是執行在背景的JavaScript,獨立於其他腳本,不會影響頁面的效能。您可以繼續做任何願意做的事情:點擊、選取內容等等,而此時 web worker 在後台運行。

2.WebSocket 是 HTML5 開始提供的一種在單一 TCP 連線上進行全雙工通訊的協定。

3.HTML5 Geolocation API 用於取得使用者的地理位置。鑑於該特性可能侵犯用戶的隱私,除非用戶同意,否則用戶位置資訊是不可用的。

這篇文章就是關於HTML5新功能的總結介紹,希望對需要的朋友有幫助。

想要了解更多前端相關知識,可以關注PHP中文網HTML5影片教學Bootstrap教學等等相關教程,歡迎大家參考學習!

以上是html5是什麼? html5新特性有哪些? (總結附代碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板