十年專注于品牌網站建設 十年專注于品牌網站建設,低調、有情懷的網絡應用服務商!
南昌百恒網絡微信公眾號 掃一掃關注
小程序
tel-icon全國服務熱線:400-680-9298,0791-88117053
掃一掃關注百恒網絡微信公眾號
掃一掃打開百恒網絡微信小程序

百恒網絡

南昌百恒網絡

W3C是什么意思?詳解W3C標準

W3C 百恒網絡 2018-05-25 1752

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上開始出現豐富多彩的頁面,蘊涵了各種信息?;贖TML,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.#/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.prikmotos.com%2Foldcase%2Fmain.css
400-680-9298,0791-88117053
掃一掃關注百恒網絡微信公眾號
掃一掃打開百恒網絡小程序

歡迎您的光顧,我們將竭誠為您服務×

售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售前咨詢 售前咨詢
 
售后服務 售后服務
 
售后服務 售后服務
 
備案專線 備案專線
 
×
免费网站看v片在线