哇塞，想不想自己Zuo一个超级酷炫的个人网站呢？不用怕，今天我就来教大家怎么用HTML5这个超级酷炫的技Neng，轻松打造自己的个人网站！跟着我一起学，保证你也Neng成为一个网站小达人，说到底。！

一、 认识HTML5

HTML5啊，就像是网站制作的超级英雄，它比之前的HTML版本geng强大，功Nenggeng多。它不仅Neng让你Zuo出来的网站geng炫酷，还Neng让网站动起来就像动画片一样，换个思路。！

二、 HTML5的神奇功Neng

1. JavaScript的新技Neng

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

DOM API – geng方便的查询DOM组件；History API – 浏览器的上下页内容修改， 说到点子上了。 方便AJAXKe以保留浏览记录。

2. 拖拉拽和文件操作

不知道大家有没有发现， 在Gmail等新的网页程序当中，Yi经Ke以透过拖拉的方式将档案作为邮件附件，这就是这部份HTML5档案的功Neng中的Drag’n Drop和File API。Drag’n Drop – HTML元素的拖拉； 至于吗？ File API – 读取用户本机计算机的内容；Geolocation – 地理定位；Device orientation – 手持装置的方向；Speech input – 语音输入 。

3. CSS的魔法

二、 档案以及硬件支持

三、语意化

语意化的网络是Ke以让计算机Neng够geng加理解网页的内容，对于像是搜索引擎的优化或是推荐系统Ke以有hen大的帮助。New tags – 新的标签，像是、等。Application tags – 也是新的标签， 也是没谁了。 像是 等；Microdata – 加入语意的数据让搜索引擎等网站Ke以正确显示；Form type – Ke以加入的type便多了包含email和tel等属性，浏览器会协助进行数据格式的验证。

4. WebSocket和Web Workers

WebSocket – 实时的socket联机；Web Workers – 以往JavaScriptdou是single thread， CPU你。 透过WorkerKe以有多个运算；Notifications – 原生的提示讯息，类似像OS X的Growl提示。

5. 多媒体和Canvas

Audio、 Video的卷标支持以及Canvas的功Neng应该是大家对于HTML5Zui熟悉的部份了也是许多人认为Flash会被取代的主要原因；Audio video – 影片和音乐的原生播放支持；Canvas – 2D的绘图功Neng支持；Canvas 3D – 3D的绘图功Neng支持；SVG – 向量图支援。

三、 打造个人网站的步骤

1. 学习基础知识

先说说我们要学会HTML5的基本语法，就像学习英语单词一样，一步一步来。

2. 设计网站布局

然后 我们要设计网站的布局，就像搭积木一样，把不同的模块组合起来，尊嘟假嘟？。

3. 添加内容和样式

完善一下。 接着， 我们要添加网站的内容和样式，让网站kan起来geng漂亮。

4. 测试和优化

再说说 我们要测试网站，kankan有没有什么问题，然后进行优化，让网站运行得geng好。

四、 学习资源推荐

Ru果你想学习HTML5， W3cschool：一个超级好的学习网站，有大量的HTML5教程。 菜鸟教程：另一个hen好的学习网站，适合初学者。 CSDN：一个技术社区，有hen多HTML5相关的文章和教程。 好了今天的内容就到这里啦！Ru果你学会了HTML5，记得告诉我哦！我们一起分享自己的个人网站吧！加油，你一定Ke以Zuo到的，我是深有体会。！