代码的WEB标准 web标准都包含哪些内容
\u7b80\u8ff0\u7b26\u5408web\u6807\u51c6\u7684HTML\u4ee3\u7801\u7f16\u5199\u89c4\u83031\u3001\u7edf\u4e00\u7f16\u7801UTF8
2\u3001\u6bcf\u4e00\u4e2a\u6a21\u5757\u8fdb\u884c\u6ce8\u91ca\uff0c\u7701\u7684\u6539(\u6216\u8005\u522b\u4eba\u6539)\u7684\u65f6\u5019\u627e\u4e0d\u7740\uff0c\u4e5f\u662f\u4e2a\u826f\u597d\u7684\u4e60\u60ef\u3002
3\u3001\u5c3d\u91cf\u901a\u8fc7\u5916\u90e8\u6587\u4ef6\u5f15\u5165css\uff0c\u51cf\u5c0fhtml\u6587\u6863\u4f53\u79ef\uff0c\u6709\u5229\u4e8eseo\u3002
4\u3001div\u5c3d\u91cf\u5728\u4e09\u5c42\u4ee5\u5185\uff0c\u8fd8\u662f\u4eceseo\u65b9\u9762\u8003\u8651\u3002
5\u3001\u547d\u540d\u89c4\u8303\uff0c\u6bd4\u5982\u201cnav\u201d\u201cheader\u201d\u201cfooter\u201d\u7b49\uff0c\u4e0d\u8981\u7528\u4e00\u4e9b\u4e71\u4e03\u516b\u7cdf\u7684\u547d\u540d\u4eba\u5bb6\u770b\u4e0d\u61c2\u201csdfgdgf\u201d\u4e4b\u7c7b\u7684\u3002
6\u3001meta\u4fe1\u606f\u6700\u597d\u5199\u5b8c\u6574\u3001h1\u3001h2\u6807\u7b7e\u3001url\u7edd\u5bf9\u5730\u5740\u7b49\u7b49\u5173\u4e8eseo\u7684\u95ee\u9898\u8981\u6ce8\u610f\u3002
7\u3001css\u3001js\u3001html\u5206\u79bb\u5168\u90e8\u5916\u90e8\u6587\u4ef6\u5f15\u5165\uff0c\u4e0d\u8981\u90fd\u5199\u5728html\u6587\u4ef6\u91cc\u9762\u4f8b\u5982\uff1acss\u5199\u5728\u5143\u7d20\u91cc\u9762\u7684style \u6216\u8005js\u5199\u5728body\u4e0b\u9762\u8fd9\u4e9b\uff0c\u4ee5\u540e\u5de5\u4f5c\u53ef\u80fd\u4e0d\u6b62\u4f60\u4e00\u4e2aweb\u524d\u7aef\u522b\u4eba\u6539\u4f60\u7684\u4ee3\u7801\u5f88\u9ebb\u70e6\u7684\uff0c\u4e0d\u8981\u9020\u6210\u522b\u4eba\u7684\u9ebb\u70e6\uff0c\u826f\u597d\u7684\u7f16\u7801\u4e60\u60ef\u4ee5\u540e\u7ef4\u62a4\u8d77\u6765\u4e5f\u6bd4\u8f83\u65b9\u4fbf\u3002
\u95ee\u9898\u6bd4\u8f83\u5bbd\u6cdb\uff0c\u9700\u8981\u4e0d\u65ad\u79ef\u7d2f\u624d\u80fd\u5b8c\u5584\u4ee3\u7801\u89c4\u8303\u95ee\u9898~
web\u6807\u51c6\uff08Web Standards\uff09
\u9996\u5148\u8fd9\u4e2a\u540d\u5b57\u662f\u90a3\u5e2e\u63d0\u51faweb\u6807\u51c6\u7684\u4eba\u8d77\u7684\u540d\u5b57\uff0c\u4f60\u53ef\u4ee5\u53bb\u770b\u770bweb\u6807\u51c6\u7ec4\u7ec7\u7684\u7f51\u7ad9http://www.webstandards.org/
Web\u6807\u51c6\u7ec4\u7ec7\u5021\u8bae\u5927\u5bb6\u91c7\u7528W3C\u7684\u8bed\u8a00\u89c4\u8303XHTML\uff0cCSS\uff0cDOM\uff0cECMAScript\uff08XML\u7b49\uff09\u6765\u8bbe\u8ba1\u7f51\u9875\uff0c\u81f3\u4e8e\u7248\u672c\u53f7\u5f53\u7136\u662f\u76ee\u524d\u63a8\u884c\u7684\u7248\u672c\uff0c\u8981\u6839\u636eW3C\u7684\u53d1\u5e03\u548c\u6d4f\u89c8\u5668\u7684\u652f\u6301\u7a0b\u5ea6\u53bb\u51b3\u5b9a\u4f7f\u7528\u54ea\u79cd\u8bed\u8a00\u7248\u672c
\u518d\u6b21\uff0c\u8fd9\u4e48\u505a\u7684\u76ee\u7684\u662f\uff0c\u8ba9\u7f51\u9875\u7684\u7ed3\u6784\u548c\u8868\u73b0\u76f8\u5206\u79bb\uff0c\u7528\u6807\u51c6\u7684Javascipt\u53bb\u8425\u9020\u826f\u597d\u7684\u4ea4\u4e92\u548c\u8ba9\u7528\u6237\u83b7\u5f97\u66f4\u597d\u7684\u7528\u6237\u4f53\u9a8c\uff0c\u8ba9\u6807\u51c6\u5316\u7684\u7ed3\u6784\u4ee3\u7801\u53ef\u4ee5\u652f\u6301\u591a\u79cd\u8bbe\u5907\uff0c\u8bed\u4e49\u5316\u7684\u6807\u8bb0\u66f4\u597d\u7684\u652f\u6301\u641c\u7d22\u5f15\u64ce\u548c\u7ed3\u5408IA\u7b49SEO\u6280\u5de7\u505a\u641c\u7d22\u5f15\u64ce\u4f18\u5316\uff0c\u548c\u7f51\u9875\u7684\u6570\u636e\u6316\u6398\uff08\u770b\u770b\u76f8\u5173XML\u7684\u6280\u672f\uff09\uff0c\u4f7f\u7528CSS\u5b9e\u73b0\u7f51\u9875\u7684\u7528\u6237\u754c\u9762\uff0c\u517c\u5bb9\u591a\u79cd\u6d4f\u89c8\u5668\u548c\u8bbe\u5907\u3002\u8fd8\u53ef\u4ee5\u52a0\u70b9\u4eb2\u548c\u529b\uff08Accessbility\uff09\u7167\u987e\u4e00\u4e0b\u6b8b\u969c\u4eba\u58eb\u548c\u89c6\u529b\u4e0d\u597d\u7684\u7528\u6237\u3002
\u6700\u540e\uff0c\u4f5c\u4e3a\u5206\u79bb\u7684\u5f00\u53d1\u6a21\u5f0f\uff0c\u7c7b\u4f3c\u4e8e\u540e\u53f0\u7684MVC\u5f00\u53d1\u6a21\u5f0f\uff0c\u964d\u4f4e\u76f8\u5173\u56e0\u7d20\u7684\u8026\u5408\uff0c\u63d0\u9ad8\u5e76\u53d1\u534f\u4f5c\u6548\u7387\u548c\u964d\u4f4e\u7ef4\u62a4\u6210\u672c\uff0c\u5411\u524d\u5411\u540e\u517c\u5bb9\u6d4f\u89c8\u5668\u548c\u8bbe\u5907\uff0c\u8ba9\u7f51\u7ad9\u53ef\u4ee5\u5728\u4e0d\u540c\u8bbe\u5907\u4e0d\u540c\u6d4f\u89c8\u5668\u7545\u884c\u65e0\u963b\u3002
\u5176\u5b9e\u6280\u672f\u662f\u76f8\u901a\u7684\uff0cweb\u6807\u51c6\u6ca1\u6709\u660e\u663e\u7684\u754c\u5b9a\uff0c\u5927\u4f53\u601d\u8def\u5c31\u662f\u5229\u7528W3C\u6807\u51c6\u7684\u8bed\u8a00\u89c4\u8303\u7ed3\u5408\u5f53\u524d\u652f\u6301\u73af\u5883\u7684\u5b9e\u9645\u60c5\u51b5\u53bb\u505a\u5230\u7f51\u9875\u8bbe\u8ba1\u7684\u6700\u4f18\u5316\u3002
WEB标准化CSS+DIV代码
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML(标准通用标记语言的一个应用)网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。
层叠样式表单(外语缩写CSS)的,它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件式样的计算机语言。
DIV元素是用来为HTML文档内大块(外语block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。
CSS+DIV网站设计的优势和问题
XHTM是目前国际上倡导的网站标准设计语言,因为XHTML网站设计语言具有的基本特点,这种CSS+DIV模式的网站设计具有一定的优势,不过目前在网站建设应用中CSS+DIV模式也存在一些问题。本文综合网站技术和设计人员的体会,并从网络营销应用的角度,将CSS+DIV网站设计的优势和问题归纳如下:
CSS+DIV网站设计的优势
首先,CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码(其真正意义在于,增加了有效关键词占网页总代码的比重),因此使用CSS+DIV的web标准制作的网站具有搜索引擎友好的一定优势。
其次,CSS+DIV制作的网站使得网站改版相对简单,很多问题只需要改变CSS而不需要改动程序,从而降低了网站改版的成本。
CSS+DIV网站设计的问题
尽管CSS+DIV具有一定的优势,不过现阶段CSS+DIV网站建设存在的问题也比较明显,主要表现在:
第一,对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局(table),CSS+DIV尽管不是高不可及,但至少要比表格定位复杂的多,即使对于网站设计高手也很容易出现问题,更不要说初学者了,这在一定程度上影响了XHTML网站设计语言的普及应用。
第二,CSS文件异常将影响整个网站的正常浏览。CSS网站制作的设计元素通常放在几个l外部文件中,这一个或几个文件有可能相当复杂,甚至比较庞大,如果CSS文件调用出现异常,那么整个网站将变得惨不忍睹。
第三,对于CSS网站设计的浏览器兼容性问题比较突出。基于HTML4.0的网页设计在IE4.0之后的版本中几乎不存在浏览器兼容性问题,但CSS+DIV设计的网站在IE浏览器里面正常显示的页面,到火狐浏览器(FireFox )中却可能面目全非(这也是为什么建议网络营销人员使用火狐浏览器的原因所在 )。CSS+DIV还有待于各个浏览器厂商的进一步支持。
第四,CSS+DIV对搜索引擎优化与否取决于网页设计的专业水平而不是CSS+DIV本身。CSS+DIV网页设计并不能保证网页对搜索引擎的优化,甚至不能保证一定比HTML网站有更简洁的代码设计,何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量,这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前,而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言,网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
绛旓細1. WEB鏍囧噯鍖CSS+DIV浠g爜 鍦ㄧ綉绔欐爣鍑嗭紙鎴栫О鈥淲EB鏍囧噯鈥濓級涓紝CSS+DIV鏄父鐢ㄧ殑鏈锛岀敤浜庢弿杩颁笌浼犵粺HTML琛ㄦ牸瀹氫綅鎶鏈殑鍖哄埆銆俋HTML缃戠珯璁捐鏍囧噯鍊惧悜浜庝娇鐢–SS+DIV鏉ュ疄鐜板畾浣嶏紝鑰屼笉鏄〃鏍煎畾浣嶆妧鏈2. CSS涓嶥IV鐨勫畾涔 灞傚彔鏍峰紡琛ㄥ崟锛圕SS锛夋槸涓绉嶇敤鏉ヨ〃鐜癏TML鎴朮ML鏂囦欢鏍峰紡鐨勮绠楁満璇█銆侱IV鍏冪礌鏄敤鏉ヤ负HTM...
绛旓細1. WEB鏍囧噯鏄竴绯诲垪鏍囧噯鐨勯泦鍚堬紝鑰屼笉鏄崟涓鐨勬爣鍑銆傝繖浜涙爣鍑嗗寘鎷粨鏋勫寲鏍囧噯璇█锛堝XHTML鍜孹ML锛夈佽〃鐜版爣鍑嗚瑷锛堝CSS锛変互鍙婅涓烘爣鍑嗭紙濡俉3C DOM鍜孍CMAScript锛夈2. WEB鏍囧噯鐨勪富瑕佺洰鐨勬槸瀹炵幇鍐呭鐨勭粨鏋勫拰琛ㄧ幇褰㈠紡鐨勫垎绂汇傝繖鏍风殑鍒嗙浣垮緱鍐呭鍜屾牱寮忓彲浠ョ嫭绔嬪鐞嗭紝渚夸簬鎼滅储寮曟搸浼樺寲銆佸唴瀹归噸鐢ㄥ拰缁存姢銆3. 涓...
绛旓細3. JavaScript鏄竴绉嶅鎴风鑴氭湰璇█锛岀敤浜庢帶鍒剁綉椤电殑浜や簰琛屼负銆傚畠鍙互瀹炵幇琛ㄥ崟楠岃瘉銆佸姩鎬佸唴瀹规洿鏂般佸姩鐢绘晥鏋溿佷笌鏈嶅姟鍣ㄤ氦浜掔瓑鍔熻兘銆侸avaScript浣垮緱缃戦〉鍏锋湁鏇村己鐨勫姩鎬佹у拰浜や簰鎬э紝鎻愰珮鐢ㄦ埛浣撻獙銆4. 闄や簡HTML銆丆SS鍜孞avaScript锛Web鏍囧噯杩樺寘鎷叾浠栨柟闈㈢殑瑙勮寖鍜屾渶浣冲疄璺碉紝濡侶TTP鍗忚銆佹悳绱㈠紩鎿庝紭鍖栵紙SEO锛夊噯鍒欍佸搷...
绛旓細Web鏍囧噯鎸囩殑鏄簰鑱旂綉鍐呭鐨勬瀯寤鸿鑼锛屽畠娑电洊浜咹TML銆丆SS銆丣avaScript绛夋妧鏈紝纭繚缃戦〉鍦ㄤ笉鍚岃澶囧拰娴忚鍣ㄤ笂鑳藉涓鑷淬佸吋瀹瑰湴鏄剧ず銆俉eb鏍囧噯鐨勬牳蹇冪悊蹇垫槸鍒嗙鍐呭锛堢粨鏋勶級涓庤〃鐜帮紙鏍峰紡锛夛紝浠ュ強琛屼负锛堜氦浜掞級锛屽垎鍒敱XHTML銆丆SS鍜孞avaScript绛夋妧鏈潵瀹炵幇銆備簩銆乄eb鏍囧噯鍒跺畾鐨勭洰鐨勬槸浠涔堬紵Web鏍囧噯鐨勫埗瀹氭棬鍦ㄧ‘绔嬩竴涓...
绛旓細WEB鏍囧噯鏄竴缁勫寘鍚涓浉鍏虫爣鍑嗙殑闆嗗悎銆傚畠浠兜鐩栦簡缃戦〉鐨勪笁涓熀鏈儴鍒嗭細缁撴瀯銆佽〃鐜板拰琛屼负銆傚搴旂殑鏍囧噯娑夊強涓夌涓嶅悓鐨勯鍩燂細1. 缁撴瀯鏍囧噯璇█ - XML锛堝彲鎵╁睍鏍囪璇█锛夛細鐢盬3C浜2000骞10鏈6鏃ュ彂甯冿紝XML鐢ㄤ簬瀹氫箟鍏朵粬璇█锛屼互寮哄ぇ鐨勬墿灞曟ф弧瓒崇綉缁滀俊鎭彂甯冪殑闇瑕併- XHTML锛堝彲鎵╁睍瓒呮枃鏈爣璁拌瑷锛夛細鍩轰簬HTML...
绛旓細CSS+DIV鏄Web璁捐涓父鐢鐨勬爣鍑嗗寲鏂规硶锛屽畠浠h〃浜嗕笌HTML琛ㄦ牸瀹氫綅鏂瑰紡鐨勫尯鍒嗐傚湪XHTML鏍囧噯涓紝涓嶅啀渚濊禆琛ㄦ牸杩涜甯冨眬锛岃屾槸閲囩敤CSS锛堝眰鍙犳牱寮忚〃锛夐厤鍚圖IV鍏冪礌鏉ュ疄鐜板悇绉嶅畾浣嶃侰SS鏄竴绉嶇敤浜庢帶鍒禜TML鎴朮ML鏂囦欢鏍峰紡鐨勭紪绋嬭瑷锛岃孌IV鍒欑敤浜庡畾涔夐〉闈㈢粨鏋勪腑鐨勫潡绾у唴瀹癸紝鍏跺唴瀹圭敱灞炴ф垨鏍峰紡琛ㄨ繘琛屾帶鍒躲備娇鐢–SS+DIV鐨...
绛旓細1. 缁撴瀯锛圫tructure锛夛細缁撴瀯鍖鏍囧噯璇█涓昏鍖呮嫭XHTML鍜孹ML銆傝繖浜涜瑷鐢ㄤ簬鏁寸悊鍜屽垎绫缃戦〉涓殑淇℃伅銆侶TML锛屽嵆瓒呮枃鏈爣璁拌瑷锛屾槸鐢盩im Berners-lee鎻愬嚭鐨勶紝鍏剁洰鐨勬槸灏嗗瓨鍌ㄥ湪涓嶅悓鐢佃剳涓婄殑鏂囨湰鎴栧浘褰㈢浉浜掑叧鑱旓紝褰㈡垚涓涓湁鏈烘暣浣撱傞氳繃鐐瑰嚮榧犳爣锛岀敤鎴峰彲浠ユ柟渚垮湴鍦ㄤ笉鍚屼俊鎭箣闂磋繘琛岃烦杞2. 琛ㄧ幇锛圥resentation锛...
绛旓細Web鏍囧噯涓嶆槸鏌愪竴涓爣鍑嗭紝鑰屾槸涓绯诲垪鏍囧噯鐨勯泦鍚堛傜綉椤典富瑕佺敱涓夐儴鍒嗙粍鎴愶細缁撴瀯锛圫tructure锛夈佽〃鐜帮紙Presentation锛夊拰琛屼负锛圔ehavior锛夈傚搴旂殑鏍囧噯涔熷垎涓轰笁涓柟闈細1. 缁撴瀯鍖栨爣鍑嗚瑷 - XML锛歑ML鏄彲鎵╁睍鏍囪瘑璇█鐨勭缉鍐欙紝鐢盬3C浜2000骞10鏈6鏃ュ彂甯冦俋ML鏉ユ簮浜嶴GML锛屾棬鍦ㄥ讥琛TML鐨勪笉瓒筹紝鎻愪緵寮哄ぇ鐨勬墿灞曟т互...
绛旓細1. 缃戠珯鏍囧噯閫氬父绉颁负WEB鏍囧噯锛屽畠涓昏娑夊強缃戠珯寤鸿鐨勮鑼冦傜洰鍓嶅箍娉涙帴鍙鐨刉EB鏍囧噯鍩轰簬XHTML锛岃繖鏄竴绉嶇敤浜庢瀯寤虹綉绔欒璁¤瑷鐨勮鑼冦傚湪WEB鏍囧噯涓紝甯歌鐨勫簲鐢ㄦā寮忔槸鈥淐SS+DIV鈥濓紙浠涔堟槸CSS+DIV锛夈傞渶瑕佹槑纭殑鏄紝WEB鏍囧噯骞堕潪鍗曚竴鐨勮鑼冿紝鑰屾槸涓绯诲垪鐩稿叧鏍囧噯鐨勯泦鍚堜綋銆2. 缃戦〉涓昏鐢变笁涓儴鍒嗘瀯鎴愶細缁撴瀯锛...
绛旓細灏卞湪杩欐牱鐨勮儗鏅笅锛屽湪W3C缁勭粐涓嬶紝缃戠珯鏍囧噯寮濮嬭寤虹珛锛1998骞2鏈10鏃ュ彂甯僗ML1.0涓烘爣蹇楋級锛屽苟鍦ㄧ綉绔欐爣鍑嗙粍缁囷紙webstandards.org锛夌殑鐫d績涓嬫帹骞挎墽琛屻傛荤殑鏉ヨ锛岀綉绔欐爣鍑嗙殑濂藉灏辨槸锛氭彁渚涙渶澶氬埄鐩婄粰鏈澶氱殑缃戠珯鐢ㄦ埛銆傜‘淇濅换浣曠綉绔欐枃鎸¢兘鑳藉闀挎湡鏈夋晥锛岀畝鍖浠g爜銆侀檷浣庡缓璁炬垚鏈紝璁╃綉绔欐洿瀹规槗浣跨敤锛岃兘閫傚簲鏇村...