在XHTML中即时切换样式

首先建立几个CSS样式文件,分别命名为:css.css、css1.css、css2.css、css3.css。为简单起见,内容分别如下:

css.css:

body {background-color:#666;}

css1.css:

body {background-color:#900;}

css2.css:

body {background-color:#090;}

css3.css:

body {background-color:#009;}

换肤技巧方法一:

使用JS更改标签内ID的属性值,代码如下:[#afdream.com#]
将下列代码保存为:changecss.html


换肤技术

//更改样式文件的方法(函数)
function changecss(url){
if(url!=""){
skin.href=url;
}
}
//--


请选择下面的下拉菜单测试换肤效果

也说一下 XHTML

XHTML 是 The Extensible HyperText Markup Language 可扩展标识语言的缩写。目前推荐遵循的是 W3C (World Wide Web Consortium 的缩写)于2000年1月26日推荐 XML1.0(参考http://www.w3.org/TR/xhtml1)。XHTML 实际上是在 HTML 4.0 的基础上用 XML 的规则对其进行扩展得到的。建立 XHTML 的目的也就是实现 HTML 向 XML 的过渡。

HTML 和 XHTML 之间的关系不难理解,其文档类型也是这样。 XHTML 对大多数 HTML 标签提供了更严格但也更清晰的语法实现。比方说, XHTML 对大小写就不象 HTML 那么宽容。使用 HTML 的时候你可以对标签名称随意大小写。而且不管是大写的标签还是小写的标签其用法完全相同和有效。但是 XHTML 编码器则必须使用小写的标签。否则你的文档将被 W3C 校验认为是无效的。例如下面的代码是不正确的:

公司简介

尝试XHTML,第一个页面

知道XHTML也不算早,直到今天才尝试了一下用 CSS+DIV 定位,把昨天画的那个页面转化成了网页!

以前很难相信不用表格也能作出很漂亮的网页,今天自己亲自尝试了一下,哈哈,还真的可以(虽然我的不够pp)!

第一个作品:点这里查看

通过了 XHTML 校验和 CSS2 校验,发现要通过XHTML效验也比较简单!唯一不爽的是不支持输入文本框的 onMouseOver 和 onFocus !

也算是边学变做了,最开始做的时候还真是有点困难,因为平时做网页都是用表格,CSS 用的也不多,而且都是很简单的 CSS ,然后针对那些常用的标签研究了一下,渐渐就上手了,呵呵~

由于初学,代码很烂,就不公布了(其实可以自己下载的),呵呵~…

关于网页标准

接触网络这么久,网页也做了一些,从来就没有想过什么网页标准的问题,前几天由于时间关系,看了一点点相关的文章,今天有跑去看了,还是有点感触的,尤其其中提到了三大门户网站的设计均不符合网页标准:

代码校验(XHTML)
(校验地址:http://validator.w3.org/、
(http://www.htmlhelp.com/tools/validator/ )

www.sina.com.cn
失败,混杂的HTML,未达到XHTML1。黄色警报:字符集错误。(定义了GB2312,但页内使用了非GB2312字符)。非标准代码43处。

www.163.com
失败,混杂的HTML,未达到XHTML1。红色警报:未定义DOCTYPE。非标准代码41处。

www.sohu.com 失败,混杂的HTML,未达到XHTML1。黄色警报:字符集错误。非标准代码38处。

CSS2校验 (校验地址:http://jigsaw.w3.org/css-validator/validator-uri.html…