别具光芒CSS+DIV布局.docVIP

2012年10月24日星期三 1、 网页主要有三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分3个方面： ? 结构化标准语言主要包括XHTML和XML； ? 表现标准语言主要包括CSS； ? 行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。 2、 采用标准的好处 ① 采用标准对网站浏览者的好处如下： ? 文件下载与页面显示速度更快。 ? 内容能被更多的用户所访问（包括使命、示弱、色盲等残障人士）。 ? 内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等）。 ? 用户能够通过样式选择定制自己的表现界面。 ? 所有页面都能提供适于打印的版本。 ② 采用标准对网站的所有者好处如下： ? 更少的代码和组件，容易维护。 ? 带宽要求降低（代码更简洁），成本降低。 ? 更容易被搜寻引擎搜索到。 ? 改版方便，不需要变动页面内容。 ? 提供打印版本而不需要复制内容。 ? 提高网站易用性。 3、 理解表现和结构分离 ① 内容（Content）：就是制作者放在页面内真正想要访问者浏览的信息。 ② 结构（Structure）：结构使内容更将具有逻辑性和易用性。 ③ 表现（Presentation）：对内容的样式进行设置。 ④ 行为（Behavior）：就是对内容的交互及操作效果。 4、 img标签的alt属性：指定了“当图片不能显示时就显示供替换的文本”。只有添加了alt属性，代码才会被W3C正确性校验通过。【注：要添加有意义的alt属性】。 5、 校验 校验是验证页面是否符合标准的最直接有效的方法。 ① XHTML校验 ? 校验网址：/。 ? 校验方式：网址校验、文件上传校验。 校验成功，会显示“This Page Is Valid XHTML 1.0 Transitional ! ”。 校验失败，会显示更多校验选项和错误信息。 【如果页面通过XHTML1.0校验，可以在页面上放置一个图标，该图标标示已经通过W3C XHTML1.0校验】 ② CSS2校验 ? 校验网址：/css-validator/。 ? 校验方式：网址校验、文件上传校验、直接贴入代码校验。 校验成功，会显示“恭喜恭喜，此文档已经通过样式表校验！”。 校验失败，会电视两类错误：错误和警告。错误表示一定要修正，否则无法通过校验；警告表示有代码不被W3C推荐，建议修改。 【如果页面通过CSS2校验，同样可以在页面上防止一个图标，该图标标示通过了W3C CSS2校验】 6、 列表 ① 无序列表（Unordered Lists）：一个无序列表的开头是用ul标签，每个项目标签为li。 ② 有序列表（Ordered Lists）：有序列表每个项目前都有数字标记，开始标签是ol，每个项目的开始标签是li。 ③ 释义列表（Definition Lists）：释义列表是一列事物以及与其相关的解释。释义列表的开始标签是dl，每个被解释的事物的开始标签是dt，每个解释的内容开始的标签是dd。 7、 层 层（div）被称为定位标记。其实际作用就是设定文字表格等摆放位置。 8、 范围 范围（span）和层的作用类似，只是span标签一般应用在行内，用意定义一小块需要特别标示的内容，span标签需要通过设置CSS样式表才能发挥作用。 9、 框架 使用框架（Frames），可以在一个浏览器窗口中显示多个页面。 所有框架标记放在一个总的HTML文件中，这个档案只记录了该框架如何分割。不会显示任何资料，所以没有body标记，浏览器通过解释这个总问见面将其中划分的各个框架分别对应的HTML文件显示出来。 frameset用来划分框架，每一框架由一个frame标签所表示，frame必须在frameset标签内使用。 frame标签的src属性指向在此窗口内打开的HTML页面。 10、 HTML升级到XHTML HTML发展至今3个瓶颈： ? 手机、PDA/信息家电都不能直接显示HTML。 ? 由于HTML代码不规范、臃肿，浏览器需要足够智能和庞大才能够正确显示HTML。 ? 数据与表现混杂，这样页面要改变显示，就必须要重新制作HTML。 因此XHMTL作为HTML向XML过渡的一个桥梁应运而生。 11、 选择DTD定义文档的类型 XHTML 1.0提供了以下3中DTD声明可供选择。 ? 过度的（Transitional）：要求非常宽松的DTD，它允许继续使用HTML 4.01的标识（但要符合XHTML的写法）。 ? 严格的（Strict）：要求严格的DTD，不能使用任何表现层的标识和属性。 ? 框架的（Frameset）：专门针对框架页面设计使用的DTD，如果页面中包含有框架，需要采用这种DTD