WEB标准初学web标准的几个误区
Web标准的初衷并非仅为了通过校验,而是为了实现内容与表现的分离。这意味着样式应从HTML中剥离并存放在单独的CSS文件中,这样便于内容的管理和再利用,以及提升搜索引擎的抓取效率。W3C的校验工具主要帮助检查代码的规范性,但通过校验并不意味着网页已经完全标准化,其目标是为了提高工作效率,优化布局和跨浏览器兼容性,而非追求虚名。
在学习Web标准时,要避免浮躁和虚荣的心态,切勿以表格思维套用div进行布局。真正的内容与表现分离是指页面中只有结构化的文字和图片,样式则由CSS定义。制作出的页面应该能够在无CSS的情况下依然可读,适应不同设备和随时修改。不必要的div嵌套和过度使用id可能导致CSS文件过大,正确的方法是利用类选择器和块级元素的通用性,避免过度细化。
对于Web控件,它们是超越HTML标记的组件,提供了图形用户界面和交互功能,相较于简单的HTML标记,控件拥有更强大的功能。尽管国内的网页制作技术在一段时间内相对停滞,但国外对Web标准的研究和推广已持续多年,正逐渐被接受和认可。因此,我们不应满足于表面的“繁华”,而应深入理解并应用Web标准,以推动技术进步和页面本质的优化。
扩展资料
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。
绛旓細3. 琛屼负锛氭秹鍙婄綉椤电殑浜や簰鎬у拰鍔ㄦ佸姛鑳斤紝浣垮緱鐢ㄦ埛鍙互涓庣綉椤佃繘琛屼氦浜戝姩銆侸avaScript鏄竴绉嶅鎴风鑴氭湰璇█锛岄氳繃DOM锛圖ocument Object Model锛夋枃妗e璞℃ā鍨嬶紝瀹冨彲浠ユ搷浣滅綉椤靛唴瀹广佺粨鏋勫拰鐢ㄦ埛鐣岄潰锛屽疄鐜板鏉傜殑鍔熻兘鍜屽姩鐢绘晥鏋溿傞伒寰Web鏍囧噯鐨濂藉鍖呮嫭锛1. 鎷撳缃戦〉璁捐鐨勯傜敤鑼冨洿銆2. 鎻愬崌鍐呭鍦ㄤ笉鍚岃澶囦笂鐨勫彲...
绛旓細WEB鏍囧噯鏄竴缁勫寘鍚涓浉鍏鏍囧噯鐨闆嗗悎锛屾兜鐩栦簡缃戦〉鐨勪笁涓熀鏈粍鎴愰儴鍒嗭細缁撴瀯銆佽〃鐜板拰琛屼负銆傝繖浜涙爣鍑嗗寘鎷細1. 缁撴瀯鏍囧噯璇█ - XML锛堝彲鎵╁睍鏍囪璇█锛夛細XML鐨勬爣鍑嗘槸鐢盬3C浜2000骞10鏈6鏃ュ彂甯冿紝瀹冩槸涓绉嶈兘澶熷畾涔夊叾浠栬瑷鐨勬爣璁拌瑷锛屾棬鍦ㄦ墿灞曞拰琛ュ厖HTML鐨勫姛鑳斤紝浠ヤ究鏇村ソ鍦版弧瓒崇綉缁滀俊鎭彂甯冪殑闇姹傘- XHTML锛...
绛旓細1. WEB璁捐鏍囧噯鍖呮嫭HTML銆乆HTML鍜孹ML绛夌綉椤电粨鏋勬爣鍑嗐2. 缃戦〉璁捐娑夊強DIV+CSS銆乆HTML+CSS绛夎〃鐜板眰鎶鏈紝鐢ㄤ簬瀹炵幇椤甸潰甯冨眬鍜屾牱寮忋3. 鏍峰紡琛紙Cascading Style Sheets, CSS锛夌敤浜庡畾涔缃戦〉鐨琛ㄧ幇鏍峰紡锛屽寘鎷〉闈㈠竷灞銆侀鑹插拰瀛椾綋绛夈4. ECMAScript鍜孌OM锛圖ocument Object Model锛夋槸瀹炵幇缃戦〉浜や簰鍜屽姩鎬佸唴瀹圭殑...
绛旓細web鐨勪笁涓爣鍑嗗垎鍒槸锛氱粺涓璧勬簮瀹氫綅绗(URL)銆佽秴鏂囨湰浼犺緭鍗忚(HTTP)銆佽秴鏂囨湰鏍囪璇█(HTML)銆缃戦〉鏍囧噯锛堟垨Web鏍囧噯锛変竴鑸槸鎸囨湁鍏虫柤鍏ㄧ悆璧勮缃戝悇涓柟闈㈢殑瀹氫箟鍜岃鏄庣殑姝e紡鏍囧噯浠ュ強鎶鏈鑼冦傝繎骞存潵锛岃繖涓湳璇篃鏃跺父鍜屼竴濂楀缓绔嬬綉绔欑殑鏍囧噯鍖栫殑鏈浣冲疄璺垫柟娉曘佺綉椤佃璁$殑鍘熺悊銆佷互鍙婁笂杩版柟娉曠殑琛嶇敓鐗╄繛绯诲湪涓璧枫
绛旓細WEB鏍囧噯锛屽嵆缃戠珯鏍囧噯銆傜洰鍓嶆墍閫氬父鎵璇寸殑WEB鏍囧噯涓鑸寚缃戠珯寤鸿閲囩敤鍩轰簬XHTML璇█鐨勭綉绔欒璁¤瑷锛學EB鏍囧噯涓吀鍨嬬殑搴旂敤妯″紡鏄渃ss+div鈥濓紙浠涔堟槸css+div锛夈傚疄闄呬笂锛學EB鏍囧噯骞朵笉鏄煇涓涓爣鍑嗭紝鑰屾槸涓绯诲垪鏍囧噯鐨闆嗗悎銆缃戦〉涓昏鐢变笁閮ㄥ垎缁勬垚锛氱粨鏋勶紙Structure锛夈佽〃鐜帮紙Presentation锛夊拰琛屼负锛圔ehavior锛夈傚搴旂殑...
绛旓細1. WEB鏍囧噯鏄竴绯诲垪鏍囧噯鐨勯泦鍚堬紝鑰屼笉鏄崟涓鐨勬爣鍑嗐傝繖浜涙爣鍑嗗寘鎷粨鏋勫寲鏍囧噯璇█锛堝XHTML鍜孹ML锛夈佽〃鐜版爣鍑嗚瑷锛堝CSS锛変互鍙婅涓烘爣鍑嗭紙濡俉3C DOM鍜孍CMAScript锛夈2. WEB鏍囧噯鐨涓昏鐩殑鏄疄鐜板唴瀹圭殑缁撴瀯鍜岃〃鐜板舰寮忕殑鍒嗙銆傝繖鏍风殑鍒嗙浣垮緱鍐呭鍜屾牱寮忓彲浠ョ嫭绔嬪鐞嗭紝渚夸簬鎼滅储寮曟搸浼樺寲銆佸唴瀹归噸鐢ㄥ拰缁存姢銆3. ...
绛旓細WEB鏍囧噯鏄竴缁勫寘鍚涓浉鍏鏍囧噯鐨闆嗗悎銆傚畠浠兜鐩栦簡缃戦〉鐨勪笁涓熀鏈儴鍒嗭細缁撴瀯銆佽〃鐜板拰琛屼负銆傚搴旂殑鏍囧噯娑夊強涓夌涓嶅悓鐨勯鍩燂細1. 缁撴瀯鏍囧噯璇█ - XML锛堝彲鎵╁睍鏍囪璇█锛夛細鐢盬3C浜2000骞10鏈6鏃ュ彂甯冿紝XML鐢ㄤ簬瀹氫箟鍏朵粬璇█锛屼互寮哄ぇ鐨勬墿灞曟ф弧瓒崇綉缁滀俊鎭彂甯冪殑闇瑕併- XHTML锛堝彲鎵╁睍瓒呮枃鏈爣璁拌瑷锛夛細鍩轰簬HTML...
绛旓細浠涔堟槸Web鏍囧噯锛焀eb鏍囧噯涓嶆槸鏌愪竴涓爣鍑嗭紝鑰屾槸涓绯诲垪鏍囧噯鐨闆嗗悎銆缃戦〉涓昏鐢变笁閮ㄥ垎缁勬垚锛氱粨鏋勶紙Structure锛夈佽〃鐜帮紙Presentation锛夊拰琛屼负锛圔ehavior锛夈傚搴旂殑鏍囧噯涔熷垎涓轰笁涓柟闈細1. 缁撴瀯鍖栨爣鍑嗚瑷 - XML锛歑ML鏄彲鎵╁睍鏍囪瘑璇█鐨勭缉鍐欙紝鐢盬3C浜2000骞10鏈6鏃ュ彂甯冦俋ML鏉ユ簮浜嶴GML锛屾棬鍦ㄥ讥琛TML鐨勪笉瓒筹紝...
绛旓細杩欎簺鏍囧噯澶ч儴鍒嗙敱W3C璧疯崏鍜屽彂甯冿紝纭繚浜嗗叏鐞冪綉椤电殑浜掓搷浣滄у拰鏍囧噯鍖栥傛澶栵紝ECMA锛圗uropean Computer Manufacturers Association锛夊埗瀹氱殑ECMAScript鏍囧噯涔熸槸WEB鏍囧噯鐨涓閮ㄥ垎銆傜綉缁滆惀閿甯歌闂瑙g瓟锛團AQ锛夋槸缃戜笂钀ラ攢鏂拌瀵熺綉缁滆惀閿涓撻涓殑涓涓噸瑕侀儴鍒嗐傝涓撻涓虹綉缁滆惀閿鍒濆鑰呮彁渚涗簡瀹炵敤鐨勫熀纭鐭ヨ瘑鍜岀綉缁滆惀閿鐨勬蹇...
绛旓細5. 鍦ㄨ皥璁篧eb鏍囧噯鏃讹紝缁忓父鏈変汉鎻愬嚭鍏煎鎬ч棶棰樸傚疄闄呬笂锛Web鏍囧噯鐨鍏煎鎬ф寚鐨勬槸鍦ㄦ柊娴忚鍣ㄥ拰璁惧涓殑鍏煎鎬с傚浜庢棫娴忚鍣紝鐢变簬鏀寔绋嬪害涓嶅悓锛屽彲鑳戒細鍑虹幇椤甸潰鏄剧ず涓嶄竴鑷寸殑鎯呭喌銆傚洜姝わ紝寮鍙戣呴渶瑕侀噰鍙栦竴浜涙妧宸ф潵瑙e喅涓嶅悓娴忚鍣ㄤ笅鐨勫吋瀹归棶棰樸傛讳箣锛岄伒寰猈eb鏍囧噯瀵逛簬缃戦〉寮鍙戞潵璇村叿鏈夐噸瑕佹剰涔夈傚畠涓嶄粎鏈夊姪浜...