HTML5有哪些新特性？HTML5新特性详解-H5教程-PHP中文网

HTML5有哪些新特性？HTML5新特性详解

云罗郡主

发布： 2019-01-04 09:43:32

转载

4616 人浏览过

本篇文章给大家带来的内容是关于HTML5有哪些新特性？HTML5新特性详解，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。【推荐教程：Html5教程】

一：新增的功能

更加语义化的元素。 article、footer、header、nav、section

本地化储存。 localStorage 和 sessionStorage

离线应用，离线缓存。 manifest

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

媒体播放。 video 和 audio

增强表单控件。 calendar、date、time、email、url、search

地理位置。 Geolocation

多任务。 webworker

全双工通信协议。 websocket

历史管理 history

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

页面可见性改变事件 visibilitychange

跨窗口通信 PostMessage

Form Data 对象

绘画：canvas

二：HTML5移除了那些元素？

纯表现的元素：basefont、big、center、font、s、strike、tt、u

对可用性产生负面影响的元素：frame、frameset、noframes

三：怎么样处理h5新标签的兼容问题

第一可以使用 document.createElement 来创建新标签

使用垫片 html5shiv.js

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

登录后复制

三：怎么样区分HTML和HTML5

很明显的区别就是DOCTYPE声明，h5只需要写，而html声明

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

登录后复制

可以根据h5新增的功能元素如canvas来进行判断

以上是HTML5有哪些新特性？HTML5新特性详解的详细内容。更多信息请关注PHP中文网其他相关文章！

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

HTML5有哪些新特性？HTML5新特性详解