HTML5是HTML的升级版,CSS3是CSS的升级版,为了更好的满足需求。


  一般广义而言的HTML5则包含了HTML、CSS和JavaScript三个部分,不单单只是HTML部分而已。


  1、脱机功能


  HTML5透过JavaScript提供了数种不同的脱机储存功能,相对于传统的Cookie而言有更好的弹性以及架构,并且可以储存更多的内容。


  WebStorage: 比 Cookies 更大、更有弹性的的储存


  Web SQL Database: 本地端的SQL数据库


  Indexed DB: Key-value 的本地数据库


  Application Cache: 将部分常用的网页内容cache起来


  2、实时通讯


  以往网站由于HTTP协议以及浏览器的设计,实时的互动性相当的受限,只能使用一些技巧来「仿真」实时的通讯效果,但HTML5提供了完善的实时通讯支持。


  WebSocket: 实时的socket联机


  Web Workers: 以往 JavaScript 都是 single thread,透过 Worker 可以有多个运算


  Notifications: 原生的提示讯息,类似像OS X的Growl提示


  3、档案以及硬件支持


  不知道大家有没有发现,在Gmail等新的网页程序当中,已经可以透过拖拉的方式将档案作为邮件附件?这就是这部份HTML5档案的功能中的Dragn Drop和File API。


  Dragn Drop: HTML元素的拖拉


  File API: 读取用户本机计算机的内容


  Geolocation: 地理定位


  Device orientation: 手持装置的方向


  Speech input: 语音输入


  4、语义化


  语义化的网络是可以让计算机能够更加理解网页的内容,对于像是搜索引擎的优化(SEO)或是推荐系统可以有很大的帮助。


  New tags: 新的标签,像是 header、 section等


  Application tags: 也是新的标签,像是 meter、 progress


  等


  Microdata: 加入语义的数据让搜索引擎等网站可以正确显示


  Form type: form可以加入的type便多了,包含email和tel等属性,浏览器会协助进行数据格式的验证


  5、多媒体


  Audio、Video的卷标支持以及Canvas的功能应该是大家对于HTML5最熟悉的部份了,也是许多人认为Flash会被取代的主要原因。


  Audio video: 影片和音乐的原生播放支持


  Canvas: 2D的绘图功能支持


  Canvas 3D: 3D的绘图功能支持


  SVG: 向量图支援


  6、CSS 3


  CSS3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。


  Selector: 更有弹性的选择器


  Webfonts: 嵌入式字体


  Layout: 多样化的排版选择


  Stlying radius gradient shadow: 圆角、渐层、阴影


  Border background: 边框的背景支持


  Transition: 组件的移动效果


  Transform: 组件的变形效果


  Animation: 将移动和变形加入动画支持


  新建一个前端学习qun438905713,在群里大多数都是零基础学习者,大家相互帮助,相互解答,并且还准备很多学习资料,欢迎零基础的小伙伴来一起交流。


  7、JavaScript


  在比较JavaScript的基本面也新增了DOM的API、和浏览器上下页的纪录修改。


  DOM API: 更方便的查询DOM组件


  History API: 浏览器的上下页内容修改,方便AJAX可以保留浏览记录

相关文章

9个鲜为人知的HTML功能 小白怎么学习HTML5?新手入门必看 阿里巴巴常用的12个后端开发工具 sharepoint搭建文档服务器,SharePoint?Server教程 语义化标签与HTML5新增的布局标签 vector教程:如何进行项目 JetBrains PhpStorm v2021.2.0中文激活版 HTML5教程之新元素 前端基础入门:HTML5基础语法与标签 HTML5——SVG基础入门 android是前端还是后端 嵌入式开发要学哪些技能? 使用fiddler对手机APP进行抓包 HTML5薪资正一路飙升 如何才能学好HTML5开发 零基础如何迅速学习前端? html5中怎么利用canvas元素创建画布 实现html5移动端自适应布局的方法分享 HTML5移动应用开发 最佳HTML5应用开发工具有哪些? HTML5 移动页面自适应手机屏幕四类方法 html5手机网站常用的9个CSS属性 什么是web前端开发标准 Android开发用过的十大框架 Android混合开发,html5自己主动更新爬过的坑 HTML5中的移动开发框架有哪些? 分享5个主流的HTML5开发工具 HTML5开发培训教程学习之动效制作 网页开发HTML5 快速开发基于 HTML5 网络拓扑图应用 如何零基础入门前端开发? html5零基础入门学习教程(零基础学员必看) jquery删除ajax请求的方法 jquery中ajax中的参数,jquery中的ajax参数 jQuery AJAX 方法success()后台传来的4种数据详解 jquery中ajax常用的方法,jQuery ajax框架常用方法总结 jQuery AJAX中readyState与status的区别与联系 jquery ajax.then,神奇的then方法 jQuery validate+artdialog+jquery form实现弹出表单思路详解 ajax用来做什么的,jQuery是什么? java jquery ajax视频,【Ajax】之jQuery中的Ajax jquery中ajax应用之通用ajax()函数的实例 BootStrop前端框架入门教程详解 jQuery WEUI Select jquery是什么意思?jquery和js的区别是什么? 巧用案例学习jQuery框架三种事件绑定方式 jQuery 基础知识总结 引入JQuery.min.js文件 几款常用的高质量web前端框架 Jquery和bootstrap有哪些区别 easyui 验证 ajax提交表单提交表单提交