W3C是什么意思 W3C标准简介

所属分类: 网页制作 / CSS 阅读数: 272
收藏 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、站长统计代码不通过的解决办法。把&修改为&amp;
      <script type="text/javascript" src="http://s71.cnzz.com/stat.php?id=1582698&amp;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>
更多精彩内容其他人还在看

Opera中国的WEB标准课程

网页制作Webjx文章简介:在这篇文章里,我要向大家介绍我和其他很多人花费数月时间开发的一个课程——Web标准课程,该课程旨在向大家提供Web设计和开发的坚实基础,无论读者是谁,此教程完全免费、可访问,并且不需要预备知识。当然,我主要还
收藏 0 赞 0 分享

CSS样式表渐进增强的基本概念

网页制作Webjx文章简介:如果你挠着头想弄清楚优雅降级和渐进增强的区别,我告诉你,这是视角问题。优雅降级和渐进增强都考虑网站在各种设备的各种浏览器上如何良好运转。两者区别的关键在于它们各自关注的焦点,以及这种关注对工作流程的影响
收藏 0 赞 0 分享

简单介绍Web Developer插件制作网页

网页制作Webjx文章简介:Firefox浏览器是一个良好支持W3C标准的开放源代码的浏览器,拥有Linux/Windows/Mac版本。因为Firefox浏览器良好支持W3C标准,所以使用Firefox来调试网页是非常好的。 Firefox浏览器是
收藏 0 赞 0 分享

CSS布局带来的巨大影响:CSS display属性值

网页制作Webjx文章简介:网页元素应用上那些与表格相关的display属性值后,能够模仿出与表格相同的特性。我将会在该文中给大家演示这种方法给CSS布局带来的巨大影响。 应原书编辑要求,先在文章顶部给出链接:《Everything You
收藏 0 赞 0 分享

用div css模拟表格对角线

这只是探讨一种CSS模拟表格对角线的用法,实际在工作中可能觉得这样做有点小题大作,这不是本主题讨论的重点。如果对此深以为然的朋友,请一笑过之 首先声明: 这只是探讨一种CSS模拟表格对角线的
收藏 0 赞 0 分享

IE Firefox在css中的差别 (部分)

1、单位问题 问题:任何距离的数值ie可以不加单位,ff必须要求写单位(0除外) 解决:写全单位如padding:0px; 2、水平居中 问题:div里的内容,ie默认为center,而ff默认left 解决:mairgin:0px auto; 3、高度问题
收藏 0 赞 0 分享

不用js可以实现信息提示效果

[code] <style> body { font:verdena; font-size:14px; color:#000 } h1{ font:verdena; font-size:22px; color:#000 } h2{ font:verdena;
收藏 0 赞 0 分享

CSS解决未知高度的垂直水平居中自适应问题

今天有人问起,晚上试着写出来,供参考; 以下代码兼容主流浏览器IE6、IE7、Firefox、Opera。 从最简单的开始………… 一、如何让一个DIV水平居中? 这个简单不作过多说明! [code] <st
收藏 0 赞 0 分享

CSS cursor 属性 -- 鼠标指针样式效果

取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize |
收藏 0 赞 0 分享

css 简单区别ie6,ie7,firefox的写法

同一样式里可以这样 [code] margin:17px; FF +margin:17px; IE6 IE7 _margin:17px; IE6 [/code] 按这个顺序,刚好区分开三个浏览器
收藏 0 赞 0 分享
查看更多