在HTML5流行的时代，网站前端也越来越受到大家的关注，但还是有不少人表示有疑问，到底是做什么的，能够在网站建设中起到什么作用？

许多公司划分职位时都没有前端这一职位，只有特别专业或者有非常完善的公司系统才会安排这个职位，很多公司的安排会将前端和设计放在一起，还有前端和后台建设的结合，所以前端在网站建设中给人的印象不是很深刻。

前台的位置已经不像很早以前，网站存在简单的模板样式，那时网页设计风格比较单一，相应的页面要求也比较简单，而且那时的浏览器也基本上是IE6的天下，javascript也只是网页效果的代名词，HTML页面本身并没有吸引很多人的注意，看起来只需在div甚至table中添加css辅助将页面的内容保留好，这样的想法已经存在了很长一段时间。

伴随着3G业务的风靡，不同的人群对网站建设的层次要求不同，网站设计风格越来越个性化、专业化、精良。交互式复杂，AJAX的应用，浏览器的更新，又让大家重新重视了基础页面本身。接下来大家讨论的就是浏览器的兼容性，碰到问题比较热衷的就是全网搜索hack，顺便再骂IE6.7……当这些都做了，似乎又遇到了瓶颈，又开始寻找出路。从这一阶段开始说起。

具体的网站前端能给网站带来什么好处呢？

(1)能给网站的布局结构带来好的展现：拿到设计图后一定要静思，多观察。首先划分框架，然后计划结构，编写代码。尤其是在大型项目中，无论从整体上还是扩展的维护上，合理使用模块化开发都有相当大的优势。

(2)关于hack。许多学生在网页开发时上网搜索较多的是hack，是否有效地依靠hack来实现页面兼容性，答案是否定的。人们常把IE6比作一个谎言，而我们却要再撒一百个谎，圆这一谎言。当然，IE6经常让我们口吐血，但并不代表我们可以通过更多的“谎言”来弥补。大多数时候HTML结构都可以改变，或者用一些不能解释但相对安全的css把hack处理掉。没有人能预测到使用hack的时候会让我们栽个大跟头。例如触发layout或position:relative可以帮助解决许多IE6问题。

(3)优美的代码：看清楚合理的标签用法、好的注释、清晰的代码结构，用意有效的css不仅像欣赏一件艺术品，更为下游开发和协同开发降低了不小的沟通成本。

HTML5尤其提供了更丰富的语义标记，让他们在战场上等待着冲锋号，让我们去释放他们吧！