十年专注于品牌网站建设 十年专注于品牌网站建设,低调、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

W3C是什么意思?详解W3C标准

W3C 百恒网络 2018-05-25 636

W3C标准


  什么是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月推出HTML4.01版。XHTML是对HTML4.01的扩展,在其中可以使用XML的语义功能。XHTML1.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月发布的XML1.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_oldcase/pic/CSS.css" type="text/css" rel="stylesheet" />

  正确:<link href="/wl_oldcase/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_oldcase/pic/logo.gif" border="0" alt="百恒网络" ></a>

  <a href="/NoticeHTML/?2.htm" class="bt" title="百恒网络">百恒网络</a>

  凡是没有带上链接的图片必须加上alt=””如:

  <img height="11" src="/wl_oldcase/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_oldcase/pic/sp2.jpg"

  正确:style="background:url(/wl_oldcase/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>

  百恒网络W3C标准验证效果链接:

  http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.jxbh.cn%2Foldcase%2Fmain.css
400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×