HTML5到底是什么?为什么要用HTML5?
如今WEB技术风云变化,HTML5异军突起,郑州清新教育郑州web前端培训学校将带领各位领略HTML5的风采魅力。
HTML5到底是什么?
一般广义而言的HTML5则包含了HTML、CSS和Java三个部分,而不只是第一印象仅仅HTML部分而已,在CSS 3和Java层面也有许多的创新,让整个网页从布局到处理都更加给力,新囊括的技术让之前实现相当困难且安全性危机重重的功能变为了现实。
HTML5好处-为什么要用HTML5
HTML5在布局上更得体,记得以前的主流table过渡到主流div;如今布局对搜索引擎更加友好,比如内总是会包含文章内容,而nav是导航信息;HTML5的移动手机支持也日趋完善,兼容移动端可是一个简单概念。虽然多网合一,兼容问题永远存在,布局适配也是一门技术活;另外在Pad等其他客户端也发挥着越来越重要的优势。
HTML5的技术组成:
离线功能
HTML5透过Java提供了数种不同的离线存储功能,相对于传统的Cookie而言有更好的弹性以及架构,并且可以存储更多的内容。
WebStorage——比Cookie更大、更有弹性的储存
Web SQL Database——本地端的SQL资料库
Indexed DB——Key-value的本地资料库
Application Cache——将部分常用的网页内容cache起来
即时通讯
以往网站由于HTTP协定以及浏览器的设计,即时的互动性相当的受限,只能使用一些技巧来【模拟】即时的通讯效果,但HTML5提供了完善的即时通讯支援。
什么轮询、第三方的统统不要,自己来实现。
WebSocket——即时的socket连线
Web Workers——以往Java都是
Single thread,透过Worker可以有多个运算
Notifications——原生的提示讯息,类似像OSX的Growl提示
文件以及硬件支持
不知道大家有没有发现,在Gmail等新的网页程序当中,已经可以透过拖拉的方式将档案作为邮件附件?这就是这部分HTML5档案的功能中的Drag’n Drop和File API。
Drag’n Drop——HTML元素的拖拉
File API——读取使用者本机电脑的内容
Geolocation——地理定位
Device orientation——手持装置的方向
Speech input——语音输入
语意化
语意化的网路是可以让电脑能够更加理解网页的内容,对于像是搜寻引擎的优化(SEO)或是推荐系统可以有很大的帮助。
New tags——新的标签,像是、等
Application tags——也是新的标签,像是、等
Microdata——加入语意的资料让搜寻引擎等网站可以正确显示
Form type——
可以加入的type便多了,包含email和tel等属性,浏览器会协助进行资料格式的验证
多媒体
Audio、Video的标签支援以及Canvas的功能应该是大家对于HTML5最熟悉的部分了,也是许多人认为Flash会被取代的主要原因。
Audio video——影片和音乐的原生播放支援
Canvas——2D的绘图功能支援
Canvas 3D——3D的绘图功能支援
SVG——向量图支援
CSS 3
CSS 3支援了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。
Selector——更有弹性的选择器
Webfonts——嵌入式字体
Layout——多样化的排版选择
Stlying radiusgradient shadow——圆角、渐层、阴影
Border background——边框的背景支援
Transition——元件的移动效果
Transform——元件的变形效果
Animation——将移动和变形加入动画支援
Java
在比较Java的基本面也新增了DOM的API、和浏览器上下页的记录修改。
DOM API——更方便地查询DOM元件
History API——浏览器的上下页内容修改,方便AJAX可以保留浏览记录
现在就用HTML5
截至目前而言,主流的网页浏览器Firefox5、Chrome 12和Safari 5都已经支援了许多的HTML5标准,而且目前最新版的IE也支援了许多HTML5标准,随着使用者陆续升级到新版的浏览器,开发者应该在现在就可以招收开发!兼容性问题会随着时间的推移而越来越少。但对于不得不照顾低版本用户的网站,网上也有大量的相关解决方案。
希望以上对你将要学习HTM5或即将从事HTML的你有所帮助!郑州清新教育HTML5开发培训有着国内首家完整的移动web前端开发课程体系,高度专注移动端。清新HTML5培训开发项目全部来自于真实的企业项目,单独项目代码量超过 5 万行。为了让学员尽快的进入到企业开发的项目中,郑州清新教育郑州web前端培训学校使用自主开发的产品和为客户定制的企业产品为案例,大批清新HTML5培训开发学员都从中收益。
我们是一群热爱IT的年轻人,如果你也爱IT、爱HTML5开发,欢迎前来郑州清新教育HTML5培训中心参观学习,让我们共同为梦想发声。