主页 > 知识库 > 采用XHTML和CSS设计可重用可换肤的WEB站点的方法第1/4页

采用XHTML和CSS设计可重用可换肤的WEB站点的方法第1/4页

热门标签:智能手机 呼叫中心市场需求 检查注册表项 银行业务 服务器配置 网站文章发布 美图手机 铁路电话系统

XHTML 标准的目标是取代 html。按照 W3C 的说法,“XHTML 是 html 的继承者”(http://www.w3.org/MarkUp/)。

XHTML具有两大目标:

  • 在文档结构和表示形式之间创建更明显的分离。
  • html 重新表示为 XML 的应用程序。

使用XHTML标准的好处是:只需设计页面一次,即可让该页以完全相同的方式在任何现代的浏览器中显示和工作。例如,在按照标准生成以后,页面在Internet Explorer、Mozilla Firefox、Netscape Navigator、Opera、Camino 和 Safari)中以相同的方式显示,而无需完成任何额外的工作。并且XHTML标准可以使 Web 站点更易于为智能手机、残疾人电脑等设备访问。

由于XHTML标准要求在在文档结构和表示形式之间创建更明显的分离。因此使用CSS样式表是必不可少的。CSS在网页中占着极重要的地位,它的使用一直是热门讨论的话题。CSS是Cascading Style Sheet的简写,译为“层叠样式表单”。 在1997年W3C颁布HTML4标准的同时也公布了有关样式表的第一个标准CSS1, 自CSS1的版本之后,又在1998年5月发布了CSS2版本。

CSS 的发明者的目的是除去表示性元素,即应该根据内容所表示的东西来标记内容,而样式表应该用于美化内容。而这一点与XHTML分离文档结构和表示形式的目标是一致,(在XHTML 2.0将除去b 、 i 和 img 标记(以及 big 、 small 和 tt ),甚至不赞成使用 br ,准备从将来的发行版中除去它。原因在于大多数标记都是表示性的。它们的唯一目的就是给予浏览器指令,规定有关其内容应该如何显示,但却完全未提供有关其内容是什么的信息。) 因此它们成了最好的合作伙伴。更多关于XHTML2.0的资料,请参见:http://www-128.ibm.com/developerworks/cn/xml/x-wa-xhtml/index.html

CSS过去经常被用来定义字体的属性,而现在新标准中我们将用它来控制整个页面的显示。然而,我们必须需要做一些不同于以往的处理来适应这种新的变化,如:使用div来布局而不是表格,使用结构化、语义化的标记等等。由于采用新的处理方式,我们现在可以轻松地设计出可重用的CSS(同一个样式文件多个WEB站点中使用)以及可换肤的WEB站点(一个站点使用多种不同风格的样式)。

示例请见四川省建设厅信息门户,界面切换在右上方,如图1所示。由于时间原因,并未通过XHTML和CSS校验,但原理是一样的。

图1:界面样式切换

1234下一页阅读全文
您可能感兴趣的文章:
  • jQuery之网页换肤实现代码
  • JQuery 网站换肤功能实现代码
  • Javascript结合css实现网页换肤功能
  • js动态修改整个页面样式达到换肤效果
  • javascript实现动态CSS换肤技术的脚本
  • 使用jQuery实现的网页版的个人简历(可换肤)
  • js+css简单实现网页换肤效果
  • 漂亮的widgets,支持换肤和后期开发新皮肤
  • 使用jQuery实现Web页面换肤功能的要点解析
  • AngularJS实现网站换肤实例

标签:河南 沧州 红河 沈阳 长治 乐山 新疆 上海

巨人网络通讯声明:本文标题《采用XHTML和CSS设计可重用可换肤的WEB站点的方法第1/4页》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266