Html和浏览器兼容.docVIP

为什么要学习DIV/CSS 一、为什么要学习DIV/CSS从闪客帝国网站改版说起 2004年10月，闪客帝国（/）开始用web标准对自己的网站进行重构.网站重构是改变老式的HTML表格布局，使用新的符合WEB标准的网站结构及代码编写方法。网站重构包含两个方面：可扩充性可维护性二、div是什么div就是一个容器，相当于一个一行一列的虚框表格。 表格的真正的作用：显示数据。div与table的区别1、布局：table和div都是可用合理的布局方法，table由行列形成的单元格构成，可执行合并拆分等操作，div是类似于一行一列表格的虚线框，不可执行拆分合并的操作；2、特性：由表格布局的网页结构与表现不分离，div则实现了网页结构与表现相分离3、兼容：div要求我们严格css支持，而table可以不用考虑这么多。 四、什么是WebWeb标准是由W3C（World Wide Web Consortium)和其他标准化组织制定的一套规范集合，包含一系列标准，自然也包含了我们所熟悉的HTML、XHTML、JavaScript以及CSS等。五、WEB标准包括哪些方面 结构标准语言 结构标准语言包括两个部分：XMLXHTML。XML是The Extensible Markup Language的简写，是一种可扩展式标记语言。XHTML是The Extensible HyperText Markup Language（可扩展超文本标记语言）的缩写。它是HTML向XML的过渡2. 表现标准语言CSS是Cascading style sheets（层叠样式表）的缩写。3. 行为标准语言 行为标准也包括两个部分：DOMECMAScript 六、 内容、结构和表现 内容: 结构: 表现:Web标准的目的建立Web标准的目的是解决网站中由于浏览器升级、网站代码臃肿、代码不易用带来的问题。 Web标准是在W3C（W3C.org万维网联盟）的组织下建立的，其主要目的如下： 1、因为实现了结构和表现相分离，所以确保了任何网站文档的长期有效性。2、因为简化了代码，所以降低了成本。3、因为可以容易地调用不同的样式文件，所以使得网站更容易使用，适合不同用户和网络设备。4、因为实现了向后兼容，所以当浏览器版本更新，或者出现了新的网络设备时，所有应用于能够继续正确执行。 二、 什么是XHTML 一、 什么是XHTML？XHTML是The Extensible HyperText Markup Language（可扩展标识语言）的缩写，是HTML语言向XML过渡的一种语言。 二、完整的XHTML页面结构 1. 一个最基本的XHTML页面结构代码如下：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /title无标题文档/title/headbody这里是页面内容部分，注意内容与浏览器边缘的距离/body/html 1.定义文档类型!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd在XHTML文档第一行新增了!DOCTYPE元素，该元素用来定义文档类型。DOCTYPE是document type(文档类型)的简写，它设置XHTML文档的版本。使用时应注意：该元素的名称和属性必须大写 2、XHTML1.0提供了三种DTD文档类型：1）.过渡型(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4的元素，但要符合XHTML的语法要求。完整代码如下：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd2）.严格型(Strict):要求严格的DTD,你不能使用任何描述性的元素和属性。!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN/TR/xhtml1/DTD/xhtml1-strict.dtd3）.框架型(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架，需要采用这种DTD