在HTML的时代，网站的前端越来越受到重视，但很多人仍然对前端做什么、能在网站建设中起到什么作用心存疑虑。很多公司分岗的时候没有前端岗位。只有特殊专业或者完善的公司制度才会安排这个职位。很多公司会把前端和设计安排在一起，把前端和后台建设结合起来。所以网站建设中的前端印象不是很深刻。

前端的职位发展已经不像我们以前，网站之间存在着一些简单的模板样式，那时的页面结构设计风格相对较为单一，对应的页面信息需求分析比较具有简单，并且由于当时的浏览器也基本是 IE6 的天下，javascript 也只是一个网页特效的代名词，HTML 页面本身没引起太多人的关注，似乎只要能用 div 甚至 table 加 css 辅助把图片定好位，把页面主要内容预留好便 OK 了，并且通过这种思想观念方面存在了较长一段学习时间。

随着互联网的发展，不同群体对网站建设水平有着不同的要求，网站的设计风格越来越个性化、专业化、精致化。越来越复杂的交互，ajax 的采用，以及浏览器的发展，使得人们重新关注基本页面本身。还有关于浏览器兼容性的争论，碰到问题热衷的是满网络搜索 hack，顺便再骂骂IE6、7……当这些都做一遍后，似乎又遇到了瓶颈，又开始寻找出路。

网站前端可以给网站带来哪些具体的好处：

（1）能够给网站结构设计布局发展带来一个良好的展现：拿到设计图后一定要静心思考，多观察。先分框架然后规划管理结构，编写代码。特别在大型项目中，合理选择使用模块化的开发不论从整体情况进行研究还是可以拓展维护都有相当大的好处。

(2)关于hack

很多程序员在网页开发时上网搜索多的是 hack 了，我们是否完全依靠hack来实现页面兼容性，答案是否定的。人们常常把 IE6 比作对我们撒谎， 因此我们必须再说谎一百个才能圆这个谎言。不否认 Ie6 经常让我们吐血， 但这并不意味着我们可以用更多的 "谎言" 来弥补它。在大多数情况下，您可以改变主意并调整 HTML 结构，或者您可以使用一些无法解释但相对安全的 css 来杀死hack。没有人能预测什么时候使用hack将使我们栽跟头。比如触发 layout 或 position:relative 可以帮助解决许多 IE6 的问题。

（3）优美的代码：看到合理的标签可以使用、良好的注释、清晰的代码结构、用意以及准确的 css 不仅犹如欣赏一件艺术品，更为程序开发和设计开发降低了不小的沟通成本。特别是 HTML5 提供了更丰富的语义化标签。

（4）“工欲善其事，必先利其器”，除了我们更有效地利用我们的实践经验和代码习惯，想要提高自己的开发进度的掌控能力，还有一些辅助工具可以帮助我们进行页面开发。例如，使用 less 或 sass 可以帮助我们扩展和组织我们的 css，使其更加高效和易于维护。

（5）随着移动互联网的兴起，与HTML5的结合，HTML5时代的来临伴随着移动互联网的兴起创造了更大的机会，还有太多的东西值得我们去学习去发现。Html5提供了我们需要研究的丰富 javascript api 接口需要我们去研究，CSS3的绚丽足够引人注目，我们需要研究它，以及如何在移动设备上开发更多兼容页面，我们需要研究。

文章推荐：网站中页脚设计的技巧和窍门