css网站布局实录学习笔记第一部分

2020-05-02 08:30:52易采站长站整理

3. 设计跨平台的代码

CSS也有美中不足,由于不同品牌浏览器及不同版本之间的渲染方式不同,各自对CSS的解析也存在着一定差异。针对这些原因,CSS设计也应当具有一定的跨平台兼容特性,编码时应尽量减少生僻属性的使用,如果想兼容旧版本的浏览器,也应当注意留有一定的CSS hack代码。

CSS hack可以简单地翻译为CSS黑客程序。这种类似于期盼浏览器的编码收到,可以有效的修补浏览器的解析问题。

4. 具有良好可用性的CSS样式设计

可用性的目标是使得交互产品(软件、网站)对用户的需求提供最大限度的满足。具有良好可用性的CSS样式设计的目的就是希望通过良好的设计,创造出更好的交互式网站,以便用户使用。

5. 使用基于DOM的脚本语言来编写交互

DOM的产生同样是为了实现脚本语言的跨平台与跨浏览器应用。就目前来说,大部分浏览器都支持标准的DOM。使用符合DOM的脚本语言,基本上不再需要检测浏览器的不同版本而去编写几套不同的代码,只要符合DOM的浏览器,相同的代码就能够完成所有可支持的操作。目前的JavaScrit是符合DOM标准的脚本语言。

1.5 常见问题

1.5.1 使用Web标准后表格还有用吗

1. 关于表格

使用Web标准后,并不是说排除表格的使用,只是使用表格作为网页排版,布局页面元素是不合理的,表格式用来显示数据的。表格职能不在于进行网页布局,布局任务应该交给CSS来处理。

2. 关于其他元素

按照使用经验,把XHTML标准中的一些元素分为三大类。

辅助布局设计元素
指的是div、span等元素,他们的主要功能是用来布局整个页面。

结构化元素或者信息元素
指的是table、ul、pre、code等元素,他们是一些信息显示与控制方面的元素。

a、meta元件
使用它们可用来实现一些特殊功能。

1.5.2 可以继续使用HTML来设计网页吗

答案是肯定的。只所以推荐使用XHTML是因为HTML的设计形式已经不能满足表现与内容分离的网站架构原则。如果继续使用HTML来构建网站,从最终目标上说是没有差别的。

1.5.3 为什么不直接使用到XML

XML是未来数据的描述格式,就目前而言,不适合直接应用XML来构建网站,因为在技术上难度较高。

1.5.4 什么叫网站重构

网站重构可以理解为改变老式的HTML表格布局方式,使用新的符合Web标准的网站结构及代码编写方法。更深一层的意义时,希望通过Web标准来提供一个加大网站效益的接口,这个效益可以简单理解为两个方面:可扩充性及可维护性。