W3C是什么意思 W3C标准简介
所属分类:
网页制作 / CSS
阅读数:
311
收藏 0赞 0分享
什么是W3C
W3C是英文 World Wide Web Consortium 的缩写,中文意思是W3C理事会或万维网联盟。W3C组织是对网络标准制定的一个非赢利组织,像HTML、XHTML、CSS、XML的标准就是由W3C来定制。
W3C的主要规范
到目前为止,W3C已开发了超过50个规范(草案)。这些规范(草案)包括人们早已、耳熟能详的HTML、HTTP、URIs、XML等,也包括针对语义Web的RDF、OWL等。
* HTML/XHTML:HTML是Web的基础之一,基于HTML,Web上开始出现丰富多彩的页面,蕴涵了各种信息。基于HTML,Web以一种简便易用的方式走出了象牙塔,成为全社会的公共资源和财富。W3C先后推出了多个HTML版本,分别是1997年12月的首个版本、1998年4月的更新、1999年12月推出HTML 4.01版。XHTML是对HTML 4.01的扩展,在其中可以使用XML的语义功能。XHTML 1.0已于2000年1月作为推荐标准发布;XHTML Basic是对XHTML1.0的独立于设备(如手机、PDA等)的扩展,于2000年12月发布;随后,2001年5月推出了XHTML的模块化版本——XHTML1.1。
* CSS:CSS负责为网页设计人员提供丰富的款式空间来设计网页。CSS所提供的网页结构内容与表现形式的分离机制,大大简化了网站的管理,提高了开发网站的工作效率。CSS可用于控制任何HTML和XML内容的表现形式。CSS1.0于1996年12月推出,1998年5月CSS2.0发布。
* XML:1998年2月发布的XML 1.0是W3C最具前瞻性和最有影响的标准之一。XML作为下一代Web的第一块重要基石,为分布式的、异构的数据交换提供了强大的功能,并且将数据本身和数据的表现分离,同时,就数据本身而言,数据的值和语义也是适当分离的。事实上,XML已经发展为一族技术,包括2001年5月发布的XML Schema、1999年1月发布的XML Namespaces、1999年11月发布的用于处理XML转换的XSLT和用于在XML文档中定位的XPath,以及2001年6月发布的XLink和XML Base等。此外,XML的出现为程序能够自动地处理Web数据和信息,以及Web服务(WSDL、SOAP、UDDI规范)提供了一种公共基础。
* DOM:DOM为HTML、XML等数据载体和信息载体在内存中的处理提供了一种基本的对象模型,可提供连接到文件的结构、格式、事件等。由于不依赖于任何程序设计语言和网页描述语言,它为有效处理HTML和XML数据提供了一种标准的、独立的接口。DOM先后经历了3个版本,分别是1998年10月发布的DOM Level 1、2000年11月发布的DOM Level 2和2003年发布的DOM Level 3。
W3C标准使用实例
当顶部为:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
需注意以下情况,所用前提都是在顶部为是一句基础上而言!
1、所有标签用小写。
建议养成好习惯把ul span li div 都用小写,当然当顶部申明为上面所示,则不严格区分大小写的。
2、头文件meta、link标签。
错误:<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
正确:<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
错误:<link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet" />
正确:<link href="/wl_pic/CSS.css" type="text/css" rel="stylesheet">
正确:<meta http-equiv="Content-Language" content="zh-CN" >
3、JS调用。
错误:<script src="/wl_inc/main.js" ></script>
错误:<script src="/wl_inc/main.js" language="javascript"></script>
正确:<script src="/wl_inc/main.js" type="text/javascript"></script>
正确:<script src="/wl_inc/main.js" type="text/javascript" ></script>
4、表格<table>高度
不要使用如height="101"
正确:<table width="970" style="height:101px;" border="0" align="center" cellpadding="0" cellspacing="0">
5、正确使用alt、title
<a href="/"><img src="/wl_pic/logo.gif" border="0" alt="南宁大家教" ></a>
<a href="/NoticeHTML/?2.htm" class="bt" title="南宁大家教">南宁大家教</a>
凡是没有带加链接的图片必须加上alt=""如:
<img height="11" src="/wl_pic/tu.gif" width="11" alt="">
6、在声明文件为前面说的情况下,可省略双引号或单引号。
如:<div id=navpart> 或者 <div id="navpart"> 都通过w3c标准的。
7、表单form只使用ID
正确:<form id="soso" method="get" action="/WL_T_soso/" style="margin:0">
错误:<form name="soso" method="get" action="/WL_T_soso/" style="margin:0">
错误:<form name="soso" id="soso" method="get" action="/WL_T_soso/" style="margin:0">
使用form标签
错误: <table><form><tr><td></td></tr></form></table>
正确: <form><table><tr><td></td></tr></table></form>
去掉form 多余空部分方法有:<form style="margin:0">
8、input后面>不加斜杠/
错误:<input name="T_name" class="textinput" onFocus="javascript:if(this.value='输入姓名关键字'){this.value='';}" value="输入姓名关键字" />
正确:<input name="T_name" class="textinput" onFocus="javascript:if(this.value='输入姓名关键字'){this.value='';}" value="输入姓名关键字" >
9、正确使用align,valign值。
错误:align="middle",可以使用style="text-align:center;"。
正确:align="left",align="left",align="right",align="justify",align="char"
错误:valign="center"
正确:valign="top",align="middle",align="bottom",align="baseline"
10、表格TABLE使用背景图片。
错误:background="/wl_pic/sp2.jpg"
正确:style="background:url(/wl_pic/sp2.jpg);"
错误:bgColor=#eeeeee
正确:bgColor="#eeeeee"
11、站长统计代码不通过的解决办法。把&修改为&
<script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&web_id=1582698" charset="gb2312"></script>
12、FLASH焦点图如何通过W3C?
<!--焦点图开始-->
<script type="text/javascript">
<!--
var interval_time=5 //图片停顿时间,单位为秒,为0则停止自动切换
var focus_width=268 //宽度
var focus_height=222 //高度
var text_height=20 //标题高度
var text_align= 'center' //标题文字对齐方式(left、center、right)
var swf_height = focus_height+text_height //相加之和最好是偶数,否则数字会出现模糊失真的问题
<%call WL_hot_pic(5)%>
var WLABCD = '<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http:\/ \/fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width=\"'+ focus_width +'\" height=\"'+ swf_height +'\">';
WLABCD += '<param name="movie" value="flash\/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">';
WLABCD += '<param name=\"menu\" value=\"false\"><param name=wmode value=\"opaque\">';
WLABCD +='<param name=\"FlashVars\" value=\"pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+interval_time+'\">';
WLABCD +='<embed src=\"flash\/pixviewer.swf\" wmode=\"opaque\" FlashVars=\"pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'&text_align='+text_align+'&interval_time='+interval_time+'\" menu=\"false\" bgcolor=\"#ffffff\" quality=\"high\" width=\"'+ focus_width +'\" height=\"'+ swf_height +'\" allowScriptAccess=\"sameDomain\" type=\"application\/x-shockwave-flash\" pluginspage=\"http:\/\/www.macromedia.com\/go\/getflashplayer\" \/>';
WLABCD +='<\/object>';
document.write(WLABCD);
//-->
</script>
CSS配合JavaScript做酷的动态页面效果
利用CSS配合JavaScript的可以做很多更酷的动态页面效果,在本教程的最后给大家简单介绍一下CSS配合JS的应用。首先,要搞清楚事件和动作的概念。在客户端脚本中,JavaScript 通过对事件进行响应来获得与用户的交互。例如,当用户单击一个按钮或者在某段文字上移动鼠标
收藏 0赞 0分享
WEB标准,Web前端开发工程师必备技术列表
想要打造并拥有一流的Web产品开发团队,在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说,仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备,特此罗列了Web前端产品工程师所涉及的技能列表如下:
通过许多实际项目,
收藏 0赞 0分享
用CSS制作Alpha滤镜测试板
alpha滤镜给制作网页特效提供了较大的创作空间,但由于它控制参数较多,在实际应用时,为了确定一组合适的参数值,不得不反复调整修改,在编辑窗口和预览窗口来回倒腾,甚是麻烦,本文介绍了一种简单的方法。制作一个“Alpha滤镜参数测试板”,在测试板上输入参数
收藏 0赞 0分享
非常流行的所谓的气泡窗口
普通的Alt无法自定义风格,而Sweet Titles通过JS脚本与CSS的集合.自定义了这种伪Alt风格.
前一段时间非常流行的,就所谓的气泡窗口(鼠标移到链接处出现的).
我们这里实现的用的是Sweet Titles的插件.显示效果完全由CSS控制..
先下载Sweet Ti
收藏 0赞 0分享
CSS教程:li和ul标签用法举例
LI代码的格式化:
A).运用CSS格式化列表符: ul li{
list-style-type:none;
}
B).如果你想将列表符换成图像,则: ul li{
list-style-type:none;
list-style-image: url(/blog/images/
收藏 0赞 0分享
CSS教程:CSS中的定位(position)
使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的元素,总是以浏览器的左上角为坐标原点,此时,如果浏览器的大小改变,被定义的层就会偏离设计想要的位置,让人很挠头。
其实,要想控制好层的绝对定位,只要理解CSS中关于定位
收藏 0赞 0分享
CSS教程:盒模型(BOX Model)
如果想熟练掌握DIV和CSS的布局方法,首先要对盒模型有足够的了解。每个HTML元素都可以看作一个装了东西的盒子,盒子里面的内容到盒子的边框之间的距离即填充(padding),盒子本身有边框(border),而盒子边框外和其他盒子之间,还有边界(margin),如图1所示。
收藏 0赞 0分享
无延迟翻滚的图形与CSS混合风格按钮
在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果。
相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面
收藏 0赞 0分享
css里expression实现界面对象的批量控制
用过css样式我们就知道, 可以定义一批对象的class属性来指定同一个样式来统一界面. 但如何统一同类型的对象的事件? 比如:界面有无数个 <img src="**.jpg"> 如何实现鼠标经过此图片, 图片的src变成是**_over.jpg?
收藏 0赞 0分享
CSS教程:水平对齐(text-align)
水平对齐(text-align),用以设定元素内文本的水平对齐方式。
1.语法
text-align具体参数如下:
语法:text-align:left|right|center|justify
说明:设定元素内文本的水平对齐方式。
参数:left:左
收藏 0赞 0分享
查看更多