HTML5有什么新特性

發(fā)布時間：2020-12-05 11:27:20 來源：億速云閱讀：129 作者：小新欄目：web開發(fā)

這篇文章給大家分享的是有關(guān)HTML5有什么新特性的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

一：新增的功能

更加語義化的元素。 article、footer、header、nav、section

本地化儲存。 localStorage 和 sessionStorage

離線應(yīng)用，離線緩存。 manifest

拖曳以及釋放的api。 Drag and drop

媒體播放。 video 和 audio

增強(qiáng)表單控件。 calendar、date、time、email、url、search

地理位置。 Geolocation

多任務(wù)。 webworker

全雙工通信協(xié)議。 websocket

歷史管理 history

跨域資源共享（CORS） Access-Control-Allow-Origin

頁面可見性改變事件 visibilitychange

跨窗口通信 PostMessage

Form Data 對象

繪畫：canvas

二：HTML5移除了那些元素？

純表現(xiàn)的元素：basefont、big、center、font、s、strike、tt、u

對可用性產(chǎn)生負(fù)面影響的元素：frame、frameset、noframes

三：怎么樣處理h6新標(biāo)簽的兼容問題

第一可以使用 document.createElement 來創(chuàng)建新標(biāo)簽

使用墊片 html5shiv.js

<!--if lt IE 9]>　　
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>　
<![endif]-->

三：怎么樣區(qū)分HTML和HTML5

很明顯的區(qū)別就是DOCTYPE聲明，h6只需要寫<!DOCTYPE> ，而html聲明

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

可以根據(jù)h6新增的功能元素如canvas來進(jìn)行判斷

感謝各位的閱讀！關(guān)于HTML5有什么新特性就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細(xì)節(jié)

猜你喜歡