帮助你快速了解HTML5的入门指南
信息来源：深圳市易捷网络科技有限公司
信息发布时间：2025/4/6
如今WEB技术风云变化，HTML5异军突起，我将带领各位领略HTML5的风采魅力。HTML5到底是什么？
一般广义而言的HTML5则包含了HTML、CSS和JavaScript三个部分，而不只是第一印象仅仅HTML部分而已，在CSS3和JavaScript层面也有许多的创新，让整个网页从布局到处理都更加给力，新囊括的技术让之前实现相当困难且安全性危机重重的功能变为了现实，HTML5好处－为什么要用HTML5
THML5在布局上更得体，记得以前的主流table过渡到主流div；今的布局对搜索引擎更加友好，比如内总是会包含文章内容，而nav是导航信息；HTML5的移动手机支持也日趋完善，兼容移动端可是一个简单概念。虽然多网合一，兼容问题永远存在，布局适配也是一门技术活；另外在Pad等其他客户端也发挥着越来越重要的优势。HTML5的技术组成：
离线功能
HTML5透过JavaScript提供了数种不同的离线储存功能，相对于传统的Cookie而言有更好的弹性以及架构，并且可以储存更多的内容。WebStorage–比Cookies更大、更有弹性的的储存WebSQLDatabase–本地端的SQL**IndexedDB–Key-value的本地**ApplicationCache–将部分常用的网页内容cache起来即时通讯以往网站由于HTTP协定以及浏览器的设计，即时的互动性相当的受限，只能使用一些技巧来「模拟」即时的通讯效果，但HTML5提供了完善的即时通讯支援。什么轮询、第三方的统统不要，自已来实现。WebSocket–即时的socket连线WebWorkers–以往JavaScript都是singlethread，透过Worker可以有多个运算Notifications–塬生的提示讯息，类似像OSX的Growl提示文件以及硬件支持
不知道大家有没有发现，在Gmail等新的网页程式当中，已经可以透过拖拉的方式将档案作为邮件附件？这就是这部份HTML5档案的功能中的Drag’nDrop和FileAPI。Drag’nDrop–HTML元素的拖拉FileAPI–读取使用者本机电脑的内容Geolocation–地理定位Deviceorientation–手持装置的方向Speechinput–语音输入语意化语意化的网路是可以让电脑能够更加理解网页的内容，对于像是搜寻引擎的优化（SEO）或是推荐系统可以有很大的帮助。Newtags–新的标籤，像是、等Applicationtags–也是新的标籤，像是、等Microdata–加入语意的资料让搜寻引擎等网站可以正确显示Formtype–可以加入的type便多了，包含email和tel等属性，浏览器会协助进行资料格式的验证多媒体Audio、Video的标签支援以及Canvas的功能应该是大家对于HTML5最熟悉的部份了，也是许多人认为Flash会被取代的主要原因。Audiovideo–影片和音乐的塬生播放支援Canvas–2D的绘图功能支援Canvas3D–3D的绘图功能支援SVG–向量图支援CSS3CSS3支援了字体的嵌入、版面的排版，以及最令人印象深刻的动画功能。Selector–更有弹性的选择器Webfonts–嵌入式字体Layout–多样化的排版选择Stlyingradiusgradientshadow–圆角、渐层、阴影Borderbackground–边框的背景支援Transition–元件的移动效果Transform–元件的变形效果Animation–将移动和变形加入动画支援JavaScript在比较JavaScript的基本面也新增了DOM的API、和浏览器上下页的纪录修改。DOMAPI–更方便的查询DOM元件HistoryAPI–浏览器的上下页内容修改，方便AJAX可以保留浏览记录现在就用HTML5
截至目前而言，主流的网页浏览器Firefox5、Chrome12和Safari5都已经支援了许多的HTML5标準，而且目前最新版的IE9也支援了许多HTML5标準，随着使用者陆续升级到新版的浏览器，开发者应该在现在就可以着手开发！兼容性问题会随着时间的推移而越来越少。但对于不得不照顾底版本用户的网站，网上也有大量的回退解决方案。企业网站建设常见问题