W3C是什么意思 W3C標(biāo)準(zhǔn)簡介
發(fā)布時間:2012-10-26 14:58:03 作者:佚名
我要評論

W3C是英文 World Wide Web Consortium 的縮寫,中文意思是W3C理事會或萬維網(wǎng)聯(lián)盟。W3C組織是對網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的一個非贏利組織,像HTML、XHTML、CSS、XML的標(biāo)準(zhǔn)就是由W3C來定制
什么是W3C
W3C是英文 World Wide Web Consortium 的縮寫,中文意思是W3C理事會或萬維網(wǎng)聯(lián)盟。W3C組織是對網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的一個非贏利組織,像HTML、XHTML、CSS、XML的標(biāo)準(zhǔn)就是由W3C來定制。
W3C的主要規(guī)范
到目前為止,W3C已開發(fā)了超過50個規(guī)范(草案)。這些規(guī)范(草案)包括人們早已、耳熟能詳?shù)腍TML、HTTP、URIs、XML等,也包括針對語義Web的RDF、OWL等。
* HTML/XHTML:HTML是Web的基礎(chǔ)之一,基于HTML,Web上開始出現(xiàn)豐富多彩的頁面,蘊涵了各種信息?;贖TML,Web以一種簡便易用的方式走出了象牙塔,成為全社會的公共資源和財富。W3C先后推出了多個HTML版本,分別是1997年12月的首個版本、1998年4月的更新、1999年12月推出HTML 4.01版。XHTML是對HTML 4.01的擴(kuò)展,在其中可以使用XML的語義功能。XHTML 1.0已于2000年1月作為推薦標(biāo)準(zhǔn)發(fā)布;XHTML Basic是對XHTML1.0的獨立于設(shè)備(如手機(jī)、PDA等)的擴(kuò)展,于2000年12月發(fā)布;隨后,2001年5月推出了XHTML的模塊化版本——XHTML1.1。
* CSS:CSS負(fù)責(zé)為網(wǎng)頁設(shè)計人員提供豐富的款式空間來設(shè)計網(wǎng)頁。CSS所提供的網(wǎng)頁結(jié)構(gòu)內(nèi)容與表現(xiàn)形式的分離機(jī)制,大大簡化了網(wǎng)站的管理,提高了開發(fā)網(wǎng)站的工作效率。CSS可用于控制任何HTML和XML內(nèi)容的表現(xiàn)形式。CSS1.0于1996年12月推出,1998年5月CSS2.0發(fā)布。
* XML:1998年2月發(fā)布的XML 1.0是W3C最具前瞻性和最有影響的標(biāo)準(zhǔn)之一。XML作為下一代Web的第一塊重要基石,為分布式的、異構(gòu)的數(shù)據(jù)交換提供了強(qiáng)大的功能,并且將數(shù)據(jù)本身和數(shù)據(jù)的表現(xiàn)分離,同時,就數(shù)據(jù)本身而言,數(shù)據(jù)的值和語義也是適當(dāng)分離的。事實上,XML已經(jīng)發(fā)展為一族技術(shù),包括2001年5月發(fā)布的XML Schema、1999年1月發(fā)布的XML Namespaces、1999年11月發(fā)布的用于處理XML轉(zhuǎn)換的XSLT和用于在XML文檔中定位的XPath,以及2001年6月發(fā)布的XLink和XML Base等。此外,XML的出現(xiàn)為程序能夠自動地處理Web數(shù)據(jù)和信息,以及Web服務(wù)(WSDL、SOAP、UDDI規(guī)范)提供了一種公共基礎(chǔ)。
* DOM:DOM為HTML、XML等數(shù)據(jù)載體和信息載體在內(nèi)存中的處理提供了一種基本的對象模型,可提供連接到文件的結(jié)構(gòu)、格式、事件等。由于不依賴于任何程序設(shè)計語言和網(wǎng)頁描述語言,它為有效處理HTML和XML數(shù)據(jù)提供了一種標(biāo)準(zhǔn)的、獨立的接口。DOM先后經(jīng)歷了3個版本,分別是1998年10月發(fā)布的DOM Level 1、2000年11月發(fā)布的DOM Level 2和2003年發(fā)布的DOM Level 3。
W3C標(biāo)準(zhǔn)使用實例
當(dāng)頂部為:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
需注意以下情況,所用前提都是在頂部為是一句基礎(chǔ)上而言!
1、所有標(biāo)簽用小寫。
建議養(yǎng)成好習(xí)慣把ul span li div 都用小寫,當(dāng)然當(dāng)頂部申明為上面所示,則不嚴(yán)格區(qū)分大小寫的。
2、頭文件meta、link標(biāo)簽。
錯誤:<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調(diào)用。
錯誤:<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標(biāo)準(zhǔn)的。
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標(biāo)簽
錯誤: <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='輸入姓名關(guān)鍵字'){this.value='';}" value="輸入姓名關(guān)鍵字" />
正確:<input name="T_name" class="textinput" onFocus="javascript:if(this.value='輸入姓名關(guān)鍵字'){this.value='';}" value="輸入姓名關(guān)鍵字" >
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、站長統(tǒng)計代碼不通過的解決辦法。把&修改為&
<script type="text/javascript" src="http://s71.#/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 //標(biāo)題高度
var text_align= 'center' //標(biāo)題文字對齊方式(left、center、right)
var swf_height = focus_height+text_height //相加之和最好是偶數(shù),否則數(shù)字會出現(xiàn)模糊失真的問題
<%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是英文 World Wide Web Consortium 的縮寫,中文意思是W3C理事會或萬維網(wǎng)聯(lián)盟。W3C組織是對網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的一個非贏利組織,像HTML、XHTML、CSS、XML的標(biāo)準(zhǔn)就是由W3C來定制。
W3C的主要規(guī)范
到目前為止,W3C已開發(fā)了超過50個規(guī)范(草案)。這些規(guī)范(草案)包括人們早已、耳熟能詳?shù)腍TML、HTTP、URIs、XML等,也包括針對語義Web的RDF、OWL等。
* HTML/XHTML:HTML是Web的基礎(chǔ)之一,基于HTML,Web上開始出現(xiàn)豐富多彩的頁面,蘊涵了各種信息?;贖TML,Web以一種簡便易用的方式走出了象牙塔,成為全社會的公共資源和財富。W3C先后推出了多個HTML版本,分別是1997年12月的首個版本、1998年4月的更新、1999年12月推出HTML 4.01版。XHTML是對HTML 4.01的擴(kuò)展,在其中可以使用XML的語義功能。XHTML 1.0已于2000年1月作為推薦標(biāo)準(zhǔn)發(fā)布;XHTML Basic是對XHTML1.0的獨立于設(shè)備(如手機(jī)、PDA等)的擴(kuò)展,于2000年12月發(fā)布;隨后,2001年5月推出了XHTML的模塊化版本——XHTML1.1。
* CSS:CSS負(fù)責(zé)為網(wǎng)頁設(shè)計人員提供豐富的款式空間來設(shè)計網(wǎng)頁。CSS所提供的網(wǎng)頁結(jié)構(gòu)內(nèi)容與表現(xiàn)形式的分離機(jī)制,大大簡化了網(wǎng)站的管理,提高了開發(fā)網(wǎng)站的工作效率。CSS可用于控制任何HTML和XML內(nèi)容的表現(xiàn)形式。CSS1.0于1996年12月推出,1998年5月CSS2.0發(fā)布。
* XML:1998年2月發(fā)布的XML 1.0是W3C最具前瞻性和最有影響的標(biāo)準(zhǔn)之一。XML作為下一代Web的第一塊重要基石,為分布式的、異構(gòu)的數(shù)據(jù)交換提供了強(qiáng)大的功能,并且將數(shù)據(jù)本身和數(shù)據(jù)的表現(xiàn)分離,同時,就數(shù)據(jù)本身而言,數(shù)據(jù)的值和語義也是適當(dāng)分離的。事實上,XML已經(jīng)發(fā)展為一族技術(shù),包括2001年5月發(fā)布的XML Schema、1999年1月發(fā)布的XML Namespaces、1999年11月發(fā)布的用于處理XML轉(zhuǎn)換的XSLT和用于在XML文檔中定位的XPath,以及2001年6月發(fā)布的XLink和XML Base等。此外,XML的出現(xiàn)為程序能夠自動地處理Web數(shù)據(jù)和信息,以及Web服務(wù)(WSDL、SOAP、UDDI規(guī)范)提供了一種公共基礎(chǔ)。
* DOM:DOM為HTML、XML等數(shù)據(jù)載體和信息載體在內(nèi)存中的處理提供了一種基本的對象模型,可提供連接到文件的結(jié)構(gòu)、格式、事件等。由于不依賴于任何程序設(shè)計語言和網(wǎng)頁描述語言,它為有效處理HTML和XML數(shù)據(jù)提供了一種標(biāo)準(zhǔn)的、獨立的接口。DOM先后經(jīng)歷了3個版本,分別是1998年10月發(fā)布的DOM Level 1、2000年11月發(fā)布的DOM Level 2和2003年發(fā)布的DOM Level 3。
W3C標(biāo)準(zhǔn)使用實例
當(dāng)頂部為:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
需注意以下情況,所用前提都是在頂部為是一句基礎(chǔ)上而言!
1、所有標(biāo)簽用小寫。
建議養(yǎng)成好習(xí)慣把ul span li div 都用小寫,當(dāng)然當(dāng)頂部申明為上面所示,則不嚴(yán)格區(qū)分大小寫的。
2、頭文件meta、link標(biāo)簽。
錯誤:<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調(diào)用。
錯誤:<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標(biāo)準(zhǔn)的。
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標(biāo)簽
錯誤: <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='輸入姓名關(guān)鍵字'){this.value='';}" value="輸入姓名關(guān)鍵字" />
正確:<input name="T_name" class="textinput" onFocus="javascript:if(this.value='輸入姓名關(guān)鍵字'){this.value='';}" value="輸入姓名關(guān)鍵字" >
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、站長統(tǒng)計代碼不通過的解決辦法。把&修改為&
<script type="text/javascript" src="http://s71.#/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 //標(biāo)題高度
var text_align= 'center' //標(biāo)題文字對齊方式(left、center、right)
var swf_height = focus_height+text_height //相加之和最好是偶數(shù),否則數(shù)字會出現(xiàn)模糊失真的問題
<%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>
相關(guān)文章
AudioContext 實現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實現(xiàn)音頻可視化,要實現(xiàn)音頻可視化得先實現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細(xì)內(nèi)容2022-02-23- 這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對你有所幫助2022-02-23
- 這是我通過網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對html,css頁面重構(gòu)時的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強(qiáng)團(tuán)隊的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個部分。我們知道,當(dāng)一個團(tuán)隊開始指定并實行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團(tuán)隊遵循和約定的代碼書寫規(guī)范,意在提高代碼的規(guī)范性和可維護(hù)性,需要的朋友可以參考下2017-01-21
響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗的朋友確很少,在安裝過程中總會出現(xiàn)這樣那樣的問題,基于這些問題,下面小編抽個時間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29