文档介绍：Web前端开发_Tip
理论篇
WEB标准
WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构(Structure)、表 现(Presentation)和行为(Behavior)。对应的标准也分三方面：结构化标
对用户友好，页面可用性、可访问性高，如在不同浏览器情况下都能正常访问页面，页面打开速度 快，良好的交互性与用户体验，方便用户获取所需信息，减少用户时间成本 经过 SEO 优化后的站点被搜索引擎收录的机会更多，从而给站点带来更多的用户 提高用户价值，提高企业价值 初学web标准的几个误区
不是为了通过校验才标准化
web 标准的本意是实现内容 （结构）和表现分离，就是将样式剥离出来放在单独的 css 文件中。
这样做的好处是可以分别处理内容和表现，也方便搜索和内容的再利用。 W3C 校验仅仅是帮
助你检查 XHTML 代码的书写是否规范， css 的属性是否都在 CCS2 的规范内。代码的标准化仅仅是 第一步，不是说通过的校验，我的网页就标准化了。我们不是为了虚名，或 者向别人炫耀：“看我 的页面通过了校验”而去标准化，我们的目的是为了使自己的网页设计工作更有效率，为了缩小网 页尺寸，为了能够在任何浏览器和网络设备中正常浏览。
请大家沉下心来，仔细研究和理解 web 标准的内涵。网络上已经充满了不必要的浮躁和虚荣， 请不要将这种风气带到 web 标准应用中来，这样做只会影响和损害 web 标准的推广。
不要用传统的表格思维来套 div
“CSS 布局就是将原来用 table 的地方用 div 来替代，原来是表格嵌套，现在是 DIV 嵌套。”这 种观点是错误的！
请跳出原来表格布局的禁锢，抛弃一个 td 接一个 td 放置图片和内容的思维方式。我们上面说 过 web 标准的目的是分离内容和表现，你可以这样思考，页面里有的仅仅是内容，没有修饰的情况 下，它看上去就是一张白白的页面，上有一些文字和图片 （这个图片是指内容中的图片，是有真实
意义的图片 ）。这些文字图片仅仅是依次罗列下来，只有结构，没有任何样式。然后加入表现，将 所有修饰的图片作为背景，用 C SS 来定义每一块内容的位置、字体、颜色等。
这样制作的页面才是内容与表现分离的， 就是说，当你抽掉 css 文件，剩下的就是干净的内容。 这样才能在文本浏览器中阅读，才能在手机、 PDA 中阅读，才能随时修改 CSS 实现改版。
不必为每块内容都建立一个 id
有网友抱怨 css 文件太大、太复杂。仔细看他们的代码，发现原因是他们对每块内容、甚至每 句话都定义一个 div ，建立一个 ID 。这一方面是对样式表应用的不熟悉，另一方面也表现出对 web
标准没有彻底理解。
我 们 知 道 内 容 都 是 有 结 构 的 （ 如 果 不 明 白 ， 请 阅 读 ： [url=. html] 理解表现和结构相分离 ）,相同的结构的内容我
们可以用同一个样式来定义，比如相同级别的标题、正文、图片。对于多次引用的样式可以用 class 来定义，不需要每个都用id ；另外也不是说一定要用，你完全可以用别的来代替，同样都是块级元 素，一样有盒模型的七个参数，仅仅方便浮动。
至于仅仅为了行高、间距、一个修饰图片而增加额外的 div，我想随着对CSS的应用和理解， 你很快就可以省略掉这些。我们反对用 DIV 的嵌套取代 table 的嵌套，这没有任何意义，不能体现 内容的结构化。希望大家多研究 CSS，写出最简练，最有效的样式表。
不要因为一点挫折就轻言放弃
我想这是一个态度和处事方法问题，这不仅仅针对学****web 标准。学****任何新知识，接受新 概念，都有困难，特别是需要你改变原来已有的****惯和思维时。唯一的问题就是：你认为学****web 标准是否值得？你可以问问自己：你是否认可 web 标准带来的这些好处 （简化代码、加速开发、压 缩文件尺寸、提高下载速度、更好的易用性、获得更多用户、更易于维护、多平台兼容 ）？你是否
觉得世界通用的 XML 离你还很远？你是否认为现在掌握的 HTML 知识就已经足够了？
自从99年以后，网页制作技术在国内就没有怎么进步和变革过 （除了 flash 的兴起），而在国外
前进的脚步就一直没有停止过， 、 、 xml、 xsl... ， W3C 和各大软件公司都在不断的 研究和推进 web 技术，使它更方便、更有效、更强大。 web 标准的应用和推广国外已经开展了八年 多（以 zeldman 的 web 标准组织网站为起点 ），虽然困难重重，但正在逐步被人们接受和认可。为什