在HTML5流行的时代，网站前端越来越受到人们的关注。然而，很多人仍然对前端是做什么的，在网站建设中能起到什么作用表示怀疑。很多公司在划分岗位的时候并没有前端岗位。只有特别专业或者有完整公司体系的人才会安排这个职位。很多公司的安排会把前端和设计结合起来，把前端和后端建设结合起来。一是网站建设中前端印象不是很深。

前端的地位已经不再是很久以前，网站只有简单的模板样式。当时的页面设计风格比较简单，相应的页面要求也比较简单。而且当时的浏览器基本都是IE6，javascript也只是在网页中使用。与**同义的HTML页面本身并没有引起太多关注。看来只要能用div甚至table加css来辅助定位图片，保留页面内容就可以了。而且这个概念已经存在很长时间了。时间。

随着3G业务的普及，不同的人群对网站建设有不同的要求。网站的设计风格越来越个性化、专业化、精致化。交互复杂度的增加、AJAX的应用、浏览器的更新，让大家重新关注最基本的页面本身。接下来的热门话题就是浏览器的兼容性。遇到问题的时候，最热心的就是搜索hacks，顺便骂一下IE6、7……做完这些，好像又遇到了瓶颈，开始寻找出路。我们就从这个阶段开始吧。

网站前端具体能为网站带来哪些好处：

（1）能够给网站结构和布局带来良好的呈现：拿到设计图后，一定要冷静思考，多观察。先划分框架，然后规划结构，编写代码。尤其是在大型项目中，合理使用模块化开发无论是在整体开发还是扩展维护方面都有着相当大的好处。

(2)关于黑客

Hacks 是许多学生在开发网页时在互联网上搜索最多的内容。我们是否完全依靠hack 来实现页面兼容性？答案是不。人们常说IE6 告诉了我们一个谎言，而我们最终又说了一百个谎言来掩盖它。我们不否认IE6经常让我们吐血，但这并不意味着我们用更多的“谎言”来弥补就可以安心。大多数情况下，可以通过改变思路、调整HTML结构、或者使用一些无法解释但相对安全的CSS来消除hack。没有人能够预测何时使用黑客会导致重大挫折。例如触发layout或者position:relative可以帮助解决很多IE6的问题。

（3）漂亮的代码：看到标签的合理使用、良好的注释、清晰的代码结构、准确的CSS，不仅像欣赏一件艺术品，也减少了下游开发和协同开发的沟通成本。特别是HTML5提供了更丰富的语义标签。他们都在等待着战场上的冲锋。让我们解放他们吧！

（四）“工欲善其事，必先利其器”。除了实践经验和编码习惯的形成可以帮助我们提高效率之外，如果我们想要提高我们对自己开发进度的掌控能力，还有很多辅助工具可以帮助我们做页面开发。例如，使用Less或Sass可以帮助我们扩展和组织CSS，大大提高CSS的编写效率并增加其可维护性。

建设网站时，网站的前端制作是用来做什么的？它的作用是什么？

（5）与HTML5结合，HTML5时代的到来，随着移动互联网的兴起，创造了更大的机遇。有太多的东西值得学习和发现。 HTML5提供了一套丰富的JS API接口，需要我们去研究； CSS3的辉煌已经吸引了足够多的眼球，值得我们研究；如何在移动设备上开发更适配的页面，我们需要研究……