url是html5新增元素吗,html5新增特性

一、新增特性：

绘画 canvas;

本地离线存储 localStorage    长期存储数据，浏览器关闭后数据不丢失;

sessionStorage的数据在浏览器关闭后自动删除;操作参考localStorage

用于媒介回放的video和 audio元素;

语意化更好的内容元素，比如article、footer、header、nav、section;

section：定义文档中的一个章节

nav：定义只包含导航链接的章节

header：定义页面或章节的头部。它经常包含 logo、页面标题和导航性的目录。

footer：定义页面或章节的尾部。它经常包含版权信息、法律信息链接和反馈建议用的地址。

aside：定义和页面内容关联度较低的内容——如果被删除，剩下的内容仍然很合理。

表单控件，calendar、date、time、email、url、search;

新的技术webworker(专用线程)

websocketsocket通信

Geolocation 地理定位

应用程序缓存(离线缓存技术)

即在第一次加载后将数据缓存，在没有清除缓存的前提下，下一次没有网络也可以加载，用在静态数据的网页或游戏比较好用。

当然，html5新的特性不是所有浏览器都能支持的，离线缓存也一样。反正IE9及以下的浏览器目前是不支持的，如果用在移动端，应该都能支持。检测是否支持离线缓存也比较简单：

if(window.applicationCache){

alert('支持离线缓存');

}else{

alert('不支持离线缓存');

}

应用缓存是从浏览器的缓存中分出来的一块缓存区，想要在这个缓存区保存数据，可以使用一个描述文件(manifest file)列出要下载和缓存的资源。

应用程序缓存为应用带来了三个优势：

(1)离线浏览---用户可以在应用离线时使用它们

(2)速度---------已缓存资源加载得更快

(3)减少服务器负载------浏览器将只从服务器端下载更新过的资源。、

实现HTML5应用程序缓存只需三步：

(1)创建一个cache.manifest文件，并确保文件具有正确的内容；

CACHE MANIFEST

#version1

CACHE:

index.html-----------------------------------------说明：//第一行“CACHE MANIFEST”把本文件的作用告知浏览器，即对本地缓存中的资源文件进行具体设置。//注释行以“#”开头//CACHE之后列出我们需要缓存的文件

(2)在服务器上设置文件类型；

让服务器支持text/cache-manifest这个MIME类型(在h5中规定manifest文件的MIME类型是text/cache-manifest)，

例如对Apache服务器进行配置的时候，需要找到｛apache_home｝/conf/mime.type这个文件(.htaccess)

(3)所有的HTML文件都指向cache.manifest。

应用缓存的applicationCache对象，这个对象有一个status属性，属性的值为常量，用于表示应用缓存的当前状态。

0：无缓存，即没有与页面相关的应用缓存

1：闲置，即应用缓存未得到更新

2：检查中，即正在下载描述文件并检查更新

3：下载中，应用缓存正在下载描述文件中指定的资源

4：更新完成，即应用缓存已经更新了资源，而且所有资源都已经下载完毕，可以通过swapCache()来使用了。

5：废弃，即应用缓存的描述文件已经不存在了，因此页面无法在访问应用缓存

应用缓存还有很多相关的事件，表示其状态的改变。

checking：在浏览器为应用缓存查找更新时触发；

error：在检查更新或下载资源期间发生错误时触发；

noupdate：在检查描述文件发现这个文件无变化时触发；

downloading：在开始下载应用缓存资源时触发；

progress：在文件下载应用缓存的过程中持续不断地触发；

updateready：在页面新的应用缓存下载完毕且可以通过swapCache()使用时触发；

cached：在应用缓存完整可用时触发

一般这些事件会随着页面的加载按上述顺序依次触发，不过调用update()方法也可以手工干预，让应用缓存为检查更新而触发上述事件。

applicationCache.update();

如果触发了updateready事件，则说明新版本的应用缓存已经可用，而此时需要调用swapCache()来启动新应用缓存。

applicationCache.swapCache();

如何判断在线还是离线状态？

使用离线应用，浏览器必须能知道设备能否访问网络，通过navigator.onLine属性来检测设备是在线还是离线的，对应的值为true或false，但是不同浏览器表现并不一致。

二、移除的元素

a. 纯表现的元素：basefont，big，center, s，strike，tt，u；

b. 对可用性产生负面影响的元素：frame，frameset，noframes；

怎么区分HTML与HTML5?

1.在文档类型声明上

在文档声明上，html有很长的一段代码，并且很难记住这段代码，而html5却不同，只有简简单单的声明，这也方便人们的记忆。

html:

html5:

2.在结构语义上

html:没有体现结构语义化的标签，通常都是这样来命名的

html5:在语义上却有很大的优势。提供了一些新的标签，比如:。