网页前端规范

WEB 标准

Html css应用规范

描述：此文档主要是web 应用规范，重点规范网站的结构、表现、常用交互行为，包括广告，多媒体及浏览器兼容。使用语言为XHTML1.1 和 CSS2.1。

该标准化的实施首先是实现代码重构，这是接近网站重构的第一步，是提高网站界面友好性及编辑维护效率的基础。

1 WEB 标准是什么？

“WEB 标准”是一系列标准的总称，包括HTML4.0、XHTML1.1、CSS2.1、XML1.0、RSS2.0、ECMAScript1.1、DOM1.0等等。一般的误区经常把WEB 标准说成DIV+CSS。准确的说法应该是：采用W3C推荐的WEB 标准中的XHTML1.1 结合CSS2.0样式表制作页面的方法，DIV应该指的是XHTML 标签，而CSS指的是样式表了。

2 采用 WEB 标准开发的好处

2.1 节约运营成本

采用WEB标准制作，我们可以做到表现和形式及内容的分离，我们采用XHTML语言来表现(数据)，用CSS 来控制(页面元素呈现的)形式。写的好的页面，XHTML代码中基本上都是用户要看的数据，而其他修饰性的东西，全部由CSS来控制。

这样一来(XHTML)页面的体积就大大减小了，这样带宽上的费用就会大家降低了，这个是怎么降低的？带宽成本：

页面总K数*pv/天=流量/天*页面总K数=总下载量之和通过公式可以看出，页面总K数越小，流量越小；

举个例子：腾讯首页如果每减少1K，按每天1000 万pv计算，那么每天将会节约10G的带宽流量。通过公式反推，如果带宽一定的情况下，页面总K数越小，可容纳同时访问的用户就越多。带宽/页面总K 数=pv *当前pv为同时访问量

人工成本：

通过样式表控制所有的页面元素的表现，假如修改网站的整体风格，你只需要修改一下样式表文件，就可以轻松搞定了。大可不必对页面进行重新编写代码和内容填充。

2.2 用户友好性

第一类：普通用户(每个访问我们网站的人)；

第二类：搜索引擎；

第三类：更多的设备（手机、PDA、媒体机等）；