WEB标准是什么 什么是WEB标准

\u4ec0\u4e48\u662fweb\u6807\u51c6

\u3000\u3000WEB\u6807\u51c6\u4e0d\u662f\u67d0\u4e00\u4e2a\u6807\u51c6\uff0c\u800c\u662f\u4e00\u7cfb\u5217\u6807\u51c6\u7684\u96c6\u5408\u3002\u76ee\u524d\u6240\u901a\u5e38\u6240\u8bf4\u7684WEB\u6807\u51c6\u4e00\u822c\u6307\u7f51\u7ad9\u5efa\u8bbe\u91c7\u7528\u57fa\u4e8eXHTML\u8bed\u8a00\u7684\u7f51\u7ad9\u8bbe\u8ba1\u8bed\u8a00,WEB\u6807\u51c6\u4e2d\u5178\u578b\u7684\u5e94\u7528\u6a21\u5f0f\u662f\u201ccss+div\u201d\uff08\u4ec0\u4e48\u662fcss+div\uff09\u3002\u5b9e\u9645\u4e0a\uff0cWEB\u6807\u51c6\u5e76\u4e0d\u662f\u67d0\u4e00\u4e2a\u6807\u51c6\uff0c\u800c\u662f\u4e00\u7cfb\u5217\u6807\u51c6\u7684\u96c6\u5408\u3002

\u3000\u3000\u7f51\u9875\u4e3b\u8981\u7531\u4e09\u90e8\u5206\u7ec4\u6210\uff1a\u7ed3\u6784\uff08Structure\uff09\u3001\u8868\u73b0\uff08Presentation\uff09\u548c\u884c\u4e3a\uff08Behavior\uff09\u3002\u5bf9\u5e94\u7684\u7f51\u7ad9\u6807\u51c6\u4e5f\u5206\u4e09\u65b9\u9762\uff1a\u7ed3\u6784\u5316\u6807\u51c6\u8bed\u8a00\uff0c\u4e3b\u8981\u5305\u62ecXHTML\u548cXML\uff1b\u8868\u73b0\u6807\u51c6\u8bed\u8a00\u4e3b\u8981\u5305\u62ecCSS\uff1b\u884c\u4e3a\u6807\u51c6\u4e3b\u8981\u5305\u62ec\u5bf9\u8c61\u6a21\u578b\uff08\u5982W3C DOM\uff09\u3001ECMAScript\u7b49\u3002\u8fd9\u4e9b\u6807\u51c6\u5927\u90e8\u5206\u7531W3C\u7ec4\u7ec7\uff08\u4ec0\u4e48\u662fW3C\u7ec4\u7ec7\uff09\u8d77\u8349\u548c\u53d1\u5e03\uff0c\u4e5f\u6709\u4e00\u4e9b\u662f\u5176\u4ed6\u6807\u51c6\u7ec4\u7ec7\u5236\u8ba2\u7684\u6807\u51c6\uff0c\u6bd4\u5982ECMA\uff08European Computer Manufacturers Association\uff09\u7684ECMAScript\u6807\u51c6\u3002

\u3000\u3000web\u6807\u51c6\u7684\u672c\u610f\u662f\u5b9e\u73b0\u5185\u5bb9(\u7ed3\u6784)\u548c\u8868\u73b0\u5206\u79bb\uff0c\u5c31\u662f\u5c06\u6837\u5f0f\u5265\u79bb\u51fa\u6765\u653e\u5728\u5355\u72ec\u7684css\u6587\u4ef6\u4e2d\u3002\u8fd9\u6837\u505a\u7684\u597d\u5904\u662f\u53ef\u4ee5\u5206\u522b\u5904\u7406\u5185\u5bb9\u548c\u8868\u73b0\uff0c\u4e5f\u65b9\u4fbf\u641c\u7d22\u548c\u5185\u5bb9\u7684\u518d\u5229\u7528\u3002

\u76ee\u524d\u6240\u901a\u5e38\u6240\u8bf4\u7684WEB\u6807\u51c6\u4e00\u822c\u6307\u7f51\u7ad9\u5efa\u8bbe\u91c7\u7528\u57fa\u4e8eXHTML\u8bed\u8a00\u7684\u7f51\u7ad9\u8bbe\u8ba1\u8bed\u8a00,WEB\u6807\u51c6\u4e2d\u5178\u578b\u7684\u5e94\u7528\u6a21\u5f0f\u662f\u201ccss+div\u201d\uff08
\uff09\u3002\u5b9e\u9645\u4e0a\uff0cWEB\u6807\u51c6\u5e76\u4e0d\u662f\u67d0\u4e00\u4e2a\u6807\u51c6\uff0c\u800c\u662f\u4e00\u7cfb\u5217\u6807\u51c6\u7684\u96c6\u5408\u3002
\u3000\u3000\u7f51\u9875\u4e3b\u8981\u7531\u4e09\u90e8\u5206\u7ec4\u6210\uff1a\u7ed3\u6784\uff08Structure\uff09\u3001\u8868\u73b0\uff08Presentation\uff09\u548c\u884c\u4e3a\uff08Behavior\uff09\u3002\u5bf9\u5e94\u7684\u7f51\u7ad9\u6807\u51c6\u4e5f\u5206\u4e09\u65b9\u9762\uff1a\u7ed3\u6784\u5316\u6807\u51c6\u8bed\u8a00\uff0c\u4e3b\u8981\u5305\u62ecXHTML\u548cXML\uff1b\u8868\u73b0\u6807\u51c6\u8bed\u8a00\u4e3b\u8981\u5305\u62ecCSS\uff1b\u884c\u4e3a\u6807\u51c6\u4e3b\u8981\u5305\u62ec\u5bf9\u8c61\u6a21\u578b\uff08\u5982W3C DOM\uff09\u3001ECMAScript\u7b49\u3002\u8fd9\u4e9b\u6807\u51c6\u5927\u90e8\u5206\u7531W3C\u7ec4\u7ec7\uff08
\uff09\u8d77\u8349\u548c\u53d1\u5e03\uff0c\u4e5f\u6709\u4e00\u4e9b\u662f\u5176\u4ed6\u6807\u51c6\u7ec4\u7ec7\u5236\u8ba2\u7684\u6807\u51c6\uff0c\u6bd4\u5982ECMA\uff08European Computer Manufacturers Association\uff09\u7684ECMAScript\u6807\u51c6\u3002
\u3000\u3000\u7f51\u7edc\u8425\u9500\u5e38\u89c1\u95ee\u9898\u89e3\u7b54(FAQ)
\u662f\u7f51\u4e0a\u8425\u9500\u65b0\u89c2\u5bdf\u7f51\u7edc\u8425\u9500\u4e13\u9898\u680f\u76ee\u4e4b\u4e00\uff0c\u4e3b\u8981\u4e3a\u7f51\u7edc\u8425\u9500\u521d\u5b66\u8005\u63d0\u4f9b\u7f51\u7edc\u8425\u9500\u6982\u5ff5\u548c\u7f51\u7edc\u8425\u9500\u65b9\u6cd5\u4e0e\u6280\u5de7\u7b49\u5b9e\u7528\u57fa\u7840\u77e5\u8bc6\u3002\u5176\u4e2d\u6709\u4e9b\u95ee\u9898\u6839\u636e\u4f5c\u8005\u81ea1998\u5e74\u81f3\u4eca\u4ece\u4e8b\u7f51\u7edc\u8425\u9500\u5b9e\u8df5\u4e0e\u7814\u7a76\u4ee5\u6765\u9047\u5230\u7684\u5404\u79cd\u95ee\u9898\u5f52\u7c7b\u6574\u7406\uff0c\u6709\u4e9b\u5219\u662f\u8bfb\u8005\u54a8\u8be2\u7ecf\u5e38\u63d0\u51fa\u7684\u95ee\u9898\u3002
\u7f51\u7edc\u8425\u9500\u5e38\u89c1\u95ee\u9898\u89e3\u7b54\u4e13\u9898\u680f\u76ee

WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。我们来简单了解一下这些标准：

1．结构标准语言
（1）XML
XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。

（2）XHTML
XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

2. 表现标准语言
CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2（参考http://www.w3.org/TR/CSS2/）。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

3.行为标准
（1）DOM
DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范，DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

浠涔堟槸WEB鏍囧噯
绛旓細锛夈傚疄闄呬笂锛WEB鏍囧噯骞朵笉鏄煇涓涓爣鍑嗭紝鑰屾槸涓绯诲垪鏍囧噯鐨勯泦鍚堛傜綉椤典富瑕佺敱涓夐儴鍒嗙粍鎴愶細缁撴瀯锛圫tructure锛夈佽〃鐜帮紙Presentation锛夊拰琛屼负锛圔ehavior锛夈傚搴旂殑缃戠珯鏍囧噯涔熷垎涓夋柟闈細缁撴瀯鍖栨爣鍑嗚瑷锛屼富瑕佸寘鎷琗HTML鍜孹ML锛涜〃鐜版爣鍑嗚瑷涓昏鍖呮嫭CSS锛涜涓烘爣鍑嗕富瑕佸寘鎷璞℃ā鍨嬶紙濡俉3C DOM锛夈丒CMAScript绛夈傝繖浜涙爣鍑...

web鏍囧噯閫氬父鍖呮嫭鍝笁涓爣鍑
绛旓細1. 缃戠珯鏍囧噯閫氬父绉颁负WEB鏍囧噯锛屽畠涓昏娑夊強缃戠珯寤鸿鐨勮鑼冦傜洰鍓嶅箍娉涙帴鍙楃殑WEB鏍囧噯鍩轰簬XHTML锛岃繖鏄竴绉嶇敤浜庢瀯寤虹綉绔欒璁¤瑷鐨勮鑼冦傚湪WEB鏍囧噯涓紝甯歌鐨勫簲鐢ㄦā寮忔槸鈥淐SS+DIV鈥濓紙浠涔鏄疌SS+DIV锛夈傞渶瑕佹槑纭殑鏄紝WEB鏍囧噯骞堕潪鍗曚竴鐨勮鑼冿紝鑰屾槸涓绯诲垪鐩稿叧鏍囧噯鐨勯泦鍚堜綋銆2. 缃戦〉涓昏鐢变笁涓儴鍒嗘瀯鎴愶細缁撴瀯锛...

web鏍囧噯鏄涓绯诲垪鏍囧噯鐨勯泦鍚,涓昏鍖呮嫭
绛旓細Web鏍囧噯鏄鐢盬3C锛堜竾缁寸綉鑱旂洘锛夊強鍏朵粬鏍囧噯鍖栫粍缁囧埗瀹氱殑涓濂楄鑼冨拰鎸囧崡锛屾棬鍦ㄧ粺涓Web寮鍙戠殑鎶鏈拰娴佺▼銆傝繖浜涙爣鍑嗘兜鐩栦簡Web鍐呭鐨勬瀯寤恒佹牱寮忚璁°佽涓虹紪绋嬬瓑澶氫釜鏂归潰锛屽叿浣撳寘鎷細1. HTML鏍囧噯锛氬畠瀹氫箟浜嗘瀯鎴怶eb椤甸潰鐨勫熀纭缁撴瀯锛屽寘鎷枃鏈侀摼鎺ャ佸浘鐗囩瓑鍏冪礌鐨勮〃绀哄拰甯冨眬銆2. CSS鏍囧噯锛氳繖涓鏍囧噯璐熻矗缃戦〉鐨勮瑙...

浠涔堟槸WEB鏍囧噯?
绛旓細缃戠珯鏍囧噯锛岄氬父绉颁负Web鏍囧噯锛屾兜鐩栦簡涓変釜涓昏鏂归潰锛氶鍏堟槸缁撴瀯鍖栨爣鍑嗚瑷锛屽叾涓寘鎷琗HTML鍜孹ML锛涘叾娆℃槸琛ㄧ幇鏍囧噯璇█锛屼富瑕佸寘鎷珻SS锛涙渶鍚庢槸琛屼负鏍囧噯锛岃繖娑夊強鍒板璞℃ā鍨嬶紙濡俉3C DOM锛夊拰ECMAScript绛夈

web鏍囧噯鏄粈涔?鎴戜滑鏀瑰浣曢伒寰?
绛旓細WEB鏍囧噯锛屾槸鏋勫缓缃戠珯鏃舵墍閬靛惊鐨勪竴绯诲垪閫氱敤瑙勮寖銆備富瑕佸叧娉ㄤ簬HTML璇█鐨勫簲鐢紝鍏朵腑"CSS+div"妯″紡鏄渶甯歌鐨勫疄璺垫柟寮忥紙CSS鐢ㄤ簬鏍峰紡璁捐锛宒iv鐢ㄤ簬缁撴瀯甯冨眬锛夈傚疄闄呬笂锛學EB鏍囧噯骞堕潪鍗曚竴鏍囧噯锛岃屾槸鐢辩粨鏋勩佽〃鐜板拰琛屼负涓変釜鏂归潰鏋勬垚鐨勫鏉備綋绯汇傜粨鏋勶紙Structure锛夌敱XHTML鍜孹ML绛夎瑷瀹氫箟锛屽畠浠‘淇濈綉绔欏唴瀹圭殑缁勭粐鍜岀粨鏋...

浠涔堟槸WEB鏍囧噯
绛旓細鐩墠鎵閫氬父鎵璇寸殑WEB鏍囧噯涓鑸寚缃戠珯寤鸿閲囩敤鍩轰簬XHTML璇█鐨勭綉绔欒璁¤瑷,WEB鏍囧噯涓吀鍨嬬殑搴旂敤妯″紡鏄渃ss+div鈥濓紙锛夈傚疄闄呬笂锛學EB鏍囧噯骞朵笉鏄煇涓涓爣鍑嗭紝鑰屾槸涓绯诲垪鏍囧噯鐨勯泦鍚堛傜綉椤典富瑕佺敱涓夐儴鍒嗙粍鎴愶細缁撴瀯锛圫tructure锛夈佽〃鐜帮紙Presentation锛夊拰琛屼负锛圔ehavior锛夈傚搴旂殑缃戠珯鏍囧噯涔熷垎涓夋柟闈細缁撴瀯鍖栨爣鍑嗚瑷...

浠涔堟槸web鏍囧噯,涓轰粈涔堣浣跨敤web鏍囧噯
绛旓細WEB鏍囧噯涓嶆槸鏌愪竴涓爣鍑嗭紝鑰屾槸涓绯诲垪鏍囧噯鐨勯泦鍚堛傜洰鍓嶆墍閫氬父鎵璇寸殑WEB鏍囧噯涓鑸寚缃戠珯寤鸿閲囩敤鍩轰簬XHTML璇█鐨勭綉绔欒璁¤瑷,WEB鏍囧噯涓吀鍨嬬殑搴旂敤妯″紡鏄渃ss+div鈥濓紙浠涔鏄痗ss+div锛夈傚疄闄呬笂锛學EB鏍囧噯骞朵笉鏄煇涓涓爣鍑嗭紝鑰屾槸涓绯诲垪鏍囧噯鐨勯泦鍚堛傜綉椤典富瑕佺敱涓夐儴鍒嗙粍鎴愶細缁撴瀯锛圫tructure锛夈佽〃鐜帮紙Presentation锛...

WEB鏍囧噯鏄粈涔
绛旓細WEB鏍囧噯涓嶆槸鏌愪竴涓爣鍑嗭紝鑰屾槸涓绯诲垪鏍囧噯鐨勯泦鍚堛傜綉椤典富瑕佺敱涓夐儴鍒嗙粍鎴愶細缁撴瀯锛圫tructure锛夈佽〃鐜帮紙Presentation锛夊拰琛屼负锛圔ehavior锛夈傚搴旂殑鏍囧噯涔熷垎涓夋柟闈細缁撴瀯鍖栨爣鍑嗚瑷涓昏鍖呮嫭XHTML鍜孹ML锛岃〃鐜版爣鍑嗚瑷涓昏鍖呮嫭CSS锛岃涓烘爣鍑嗕富瑕佸寘鎷璞℃ā鍨嬶紙濡俉3C DOM锛夈丒CMAScript绛夈傝繖浜涙爣鍑嗗ぇ閮ㄥ垎鐢盬3C璧疯崏鍜屽彂甯...

web鏍囧噯鍖呮嫭鍝笁澶ф爣鍑
绛旓細Web鏍囧噯娑电洊鐨勪笁椤规牳蹇鏍囧噯鏄锛氱粨鏋勩佽〃鐜板拰琛屼负銆1. 缁撴瀯锛氬畠鏄綉椤靛唴瀹圭殑缁勭粐鑰呭拰杞戒綋锛岀‘淇濅俊鎭唴瀹圭殑閫昏緫娓呮櫚鍜岃涔夋槑纭侶TML锛圚yperText Markup Language锛夎秴鏂囨湰鏍囪璇█鏄瀯寤虹綉椤电粨鏋勭殑鍩虹锛岀敱Tim Berners-Lee鍙戞槑锛屾棬鍦ㄥ皢鏂囨湰銆佸浘鐗囩瓑鏁版嵁閫氳繃閾炬帴鍏宠仈璧锋潵銆2. 琛ㄧ幇锛氳繖涓鏍囧噯璐熻矗缃戦〉鐨勮瑙夊憟鐜帮紝...

.浠涔堟槸Web鏍囧噯,閬靛惊Web鏍囧噯鐨勬剰涔夈
绛旓細1.浠涔堟槸web鏍囧噯锛熼鍏堣鏄庣‘涓涓蹇点傛垜浠湰涔﹁鐨剋eb鏍囧噯锛屼笉鏄寚XML锛岃屾槸鎸囦负浜嗗疄鐜板ぇ閲廐TML淇℃伅鍚慩ML鏍囧噯鐨勮繃娓★紝W3C鍜孍CMA鍒跺畾鐨勪竴绯诲垪鐨勬妧鏈鑼冿紝鐩墠涓昏鍖呮嫭XHTML1.0銆丆SS2.0銆丏OM1.0鍜孍CMA JavaScrit銆倃eb鏍囧噯涓嶄粎浠呮槸涓涓鑼冿紝鑰屾槸涓绯诲垪瑙勮寖鐨勬荤О銆傛寜杩欎簺瑙勮寖鍒朵綔鐨勭綉椤碉紝绗﹀悎XML鏍煎紡...