HTML5新增了哪些特性?
2023-03-20 14:52:32 时间
什么是HTML5?
HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。设计目的是为了在移动设备上支持多媒体。HTML5是最新的html标准,拥有新的语义、图形以及多媒体元素,简化web应用,对应程序员来说也是简单易学。通常简称 “H5”。
支持HTML5的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari,Opera等;国内的 遨游浏览器(Maxthon),以及基于IE或Chromium(Chrome的工程版或称实验版)所推出的360浏览器、搜狗浏览器、QQ浏览器、猎豹浏览器等国产浏览器同样具备支持HTML5的能力。
HTML5与HTML比较
区别1:html5 不区分是否是严格模式还是传统模式,而html 声明时有严格、传统、框架模式。文档声明变得简单明了。
html5 的声明:<!DOCTYPE html>
html的声明:
- html 4.01 Strict:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
- html 4.01 Transitional:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- html 4.01 Framest:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
区别2:html没有语义化标签,而html5 添加了许多语义标签,使代码结构清晰,提高代码可读性。
- 如:header、nav、footer、main、artical、section等。
区别3:html无法在网页上动态的绘制图片,而 html5 新增了canvas画布,canvas绘制的图片放大后会失真,而SVG可绘制矢量图形。
H5 新增特性
- Canvas、SVG -- 用于绘画的元素,canvas绘制的图片会失真而SVG绘制的不会失真。
- video、audio -- 用于播放视频和音频的媒体。
- Drag 、Drop -- 用于拖放的 。
- Geolocation -- 用于获取地理位置。
- localStorage、sessionStorage -- 用于本地离线存储。
- webSQL、IndexDB -- 前端数据库操作,由于安全性极低,目前h5已放弃。
- web Worker -- 独立于其他脚本,不影响页面性能运行在后台的javascript。
- webSocket -- 单个TCP连接上进行全双工通讯的协议。
- 新的特殊内容元素 -- 如:article、footer、header、nav、section。
- 新的表单控件 -- 如:date、time、email、url、search。
H5 的优缺点
概括html5有以下几点优势:
- 提高可用性和可维护性,改进了用户体验。
- 新增语义化标签,有助于开发人员定义清晰的结构。
- 可以播放视频音频,增加多媒体元素。
- 利用h5动画,友好地替代了flash和silverlight。
- 爬虫抓取网站的时候,对于SEO很友好。
- H5被大量应用于移动应用和游戏开发。
- 可移植性好。
缺点:
现在大多数高版本浏览器都支持html5,但是少部分的低版本浏览器目前不支持html5,因新标签的引入,各浏览器之间将缺少一种统一的数据描述格式,造成用户体验不佳。
相关文章
- 金融服务领域的大数据:即时分析
- 影响大数据、机器学习和人工智能未来发展的8个因素
- 从0开始构建一个属于你自己的PHP框架
- 如何将Hadoop集成到工作流程中?这6个优秀实践必看
- SEO公司使用大数据优化其模型的5种方法
- 关于Web Workers你需要了解的七件事
- 深入理解HTTPS原理、过程与实践
- 增强分析:数据和分析的未来
- PHP协程实现过程详解
- AI专家:大数据知识图谱——实战经验总结
- 关于PHP的错误机制总结
- 利用数据分析量化协同过滤算法的两大常见难题
- 怎么做大数据工作流调度系统?大厂架构师一语点破!
- 2019大数据处理必备的十大工具,从Linux到架构师必修
- OpenCV中的KMeans算法介绍与应用
- 教大家如果搭建一套phpstorm+wamp+xdebug调试PHP的环境
- CentOS下三种PHP拓展安装方法
- Go语言HTTP Server源码分析
- Go语言HTTP Server源码分析
- 2017年4月编程语言排行榜:Hack首次进入前五十