术的网站有时间去看看，比如久久技术网。我的理解是一个不包含服务器后端开发，一个

是客户端和服务器端的技术都包含。

Web 前端的组成：

现代在网页技术，分为三个层面：内容

(HTML)+表现(CSS)+行为(JavaScript)，在

这里我也把这三个技术分开来说。

1.内容(HTML)：

1.1

 

 

使用

XHTML 1.0   

或

HTML5 规范的代码，网页最终是由浏览器来解析的，而浏览器

又是根据

Web 规范来解析网页的，所以，遵守规范可以确保在各种浏览器中都能正确解

析，但如果碰到了浏览器的

Bug 那就另外算了，那不是我们的错，是浏览器的错。

1.2

 

布局采用先上下后左右的结构原则，尽量不要出现一个容器里面有上下左右多种布局

的元素，这样可以减少各种浏览器的布局排版的差异，为什么呢？一个左右要浮动上下又

要清除浮动，麻烦，二个，内容要修改的时候，发现一个高了或者矮了，不对齐了，又要

调整几个块的。那左中右怎么办？先分左右再从其中一个再分左右。

1.3 

 

全页布局，一般分为

Topbar(顶栏) ,Header(头部) ,Nav(导航栏) ,Content(内容) 

,Footer(脚部)，也就是对于页面整体从上往下看。如果还有横幅广告(Banner)和帮助栏
(像淘宝那种)，就另外再加。

1.4

 

整理自己的模板库，自己写过的代码

Copy 一份，以后就不用再重新写了，例如头部，

注册表单，网银列表等。

2.表现(CSS)：

2.1

 

设定默认样式，每种浏览器都会为元素设定一套初始样式

(默认样式)，设定默认样式

可以减少各种浏览器渲染样式的差异。常用的设置有：