个好的Web前端工程师在知识体系上既要有广度，又要有深度，所以很多大公司即使出高薪也很难招聘到理想的前端开发工程师。那么如何系统的学习企业实用的Web前端技术呢？小白学习HTML5的思路是什么呢？下面和千锋广州小编一起来看看吧！

在此之前，我从未接触过div+css，甚至连dreamwear、photoshop的工具也都是很少接触，我的学习思路是这样的：

一、先写HTML还是先写CSS?

对于一个新手而言，在有了一点html知识之后，对于CSS、DIV都感觉特别的疑惑，不知道这其中到底是什么联系?为什么用了CSS的网页不能像其它代码一样直观?html和css哪个先写?其实这些问题在我看完教程，但还没真正上手实践时的疑惑!等真正上手自己做时，我才发现应该是两者同时写!

二、把站点建好，目录建好，比如建好文件夹css，images这两个是最其本的，然后新建一个.html空文件，一个.css空样式表，把.css外部样式表连接到.html这个文件上，链接写在中。

三、写HTML中的最基本的布局部分，都是用DIV，然后直接在DIV里加入ID或CLASS，这些布局部分包括外套部分，头部分，中间部分，左，中，右，版权部分等。

四、到样式表中写各个布局层的样式。

五、写一段代码后就进行浏览器的测试，同时用IE6与FF一起测试。在浏览器中调试，调试时发现许多之前没有预料的问题，如浏览器的兼容问题、浮动的问题等。

六、不断的找出问题、理解怎么出错的，不断的再测试!

这样的学习和研究过程，让我体验到了付出与回报的乐趣，如：

要边看边做学习笔记，我有随时写笔记的习惯，电子稿或手写稿均可。把自己认为是重点的部分写上，便于以后查阅;再者，把觉得有疑问的部分记下，带着疑问看下去，如果没有答案，上网查询或是问老师，解疑是提高知识最快的一种方式。

心态很重要，一定得静下心，要树立信心，坚持再坚持下去。系统的将教程学完，一遍不行两遍，持之以恒。当你到达终点时你回发现一切都是顺理成章的事。因为你努力了，努力了就会有回报，有结果。

学习永远没有终点，随着学习，知识不断提高，所接触的技术领域也随之扩大。坚持看书，坚持以任何一种方式学习，都将受益无穷，也都是一件十分快乐的事情。

识HTML5和HTML4在架构上有很大的不同，但是基本的标记语法并没有很大的改变，下面我们来了解一下HTML5和HTML4的差异。

1. 广义的HTML5除了本身的HTMl5标记外，还包含CSS3与javascript。为配合css语法，HTML5在架构与网页排版美化方面的标记做了很大的更改，但是基本的标记语法并没有大的改变。下面列出几项HTML4和HTML5的较大差异，请参考！

   语法简化

   1.HTML，XHTML的DOCTYPE，html，meta，script等标记，在HTML中有大幅度的简化。

   统一的网页内嵌影音的语法

   以前播放影音时，需要使用ActiveX或Plug-in的方式来完成，例如 YOU Tube影音需要安装Flash Player，苹果网站的影音则需要安装QuickTimeplayer。HTML5之后使用<video>或<audio>标记播放影音，不需要安装额外的外挂了。

   新增<header>,<footer>,<section>,<article>等语义标记

   为了让网页的可读性更高，HTML5 增加了<header>,<footer>,<section>,<article>等标记，明确了网页的结构，这样搜索引擎就能轻易的抓到网页的重点，对于SEO有很大的帮助。

   全新的表单设计

   对于网页的程序设计者来说，表单是最常见的功能，在这方面HTML5做了很大更改不但新增几项新的标记，原来的<form>标签也增加了许多属性。

   利用<canvas>标签绘制图形

   HTML5新增了绘图功能<canvas>,利用它可以搭配JavaScript语法在网页上画出线条和图形

   提供API开发网页应用程序

   HTML5提供了多种API供设计使用，例如Web SQL Database，让设计者可以脱机访问客户端的数据库，当然，要使用这些API，就得熟悉JavaScript语法。

   创建HTMl文件

   学习html不需要昂贵的硬件与软件设备，只要准备好两个基本工具就好

   1.浏览器，IE，Google Chrome或者火狐浏览器

2. 纯文本编辑软件

   HTMl是标准的文件格式，任何一种纯文本编辑软件都可以编辑HTMl文件，例如记事本

眼来学习HTML5已经一个多月了，就在一个多星期前，我们结束了第一阶段的学习和阶段检测。教导我们第一阶段的老师很好，不仅技术很牛，而且还很有趣，有时会和我们唠唠嗑，给我们紧张的学习中带来许多乐趣。

没来之前，我也是各种纠结，没有办法拿定注意，不知道前景怎么样，不知道能学习到什么程度。

初中时的学习很辛苦，高中时的学习很紧张，这里的学习和高考前的状态，会感觉到有些像，但却又有满满的充实感。既然已经决定了走上这条路，我一定会全力以赴，坚持到最后。

经过自己的努力真的掌握了很多HTML5编程的知识，像HTML的常用标签和css的常用样式，现在自己在不翻看笔记的情况下，都能够熟练写出来。并且也能快速熟练地写出一个web端和移动端的页面出来。感觉网页布局，常用的就是div盒模型，弹性盒子，怪异盒子，响应式布局，和后台常用的自适应两栏布局等等。

此外IE浏览器的兼容性问题也很重要，例如：IE6默认最小高度，类似于谷歌最小显示12px，此时可通过overflow-hidden解决。当子元素的高度或者宽度超过父元素给的宽度时，会直接诚达父元素;IE6双边距问题可通过添加：display：inline解决等等。

现在的阶段我们开始学习JavaScript，更多的是需要一定的逻辑思维。老师一直强调学习要有方法，课后要复习，要总结，课前需要预习新知识。我相信经过自己的努力一定能学好HTML5编程，找到一份满意的工作。