W3C是什麼意思W3C標準簡介
作者:Eve Cole
更新時間:2024-12-25 10:04:32
什麼是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/shlashwave/ca/flash #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_ 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_ 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>