.什么是Web标准,遵循Web标准的意义。 什么是web标准
\u4ec0\u4e48\u662fweb\u6807\u51c6\uff0c\u4e3a\u4ec0\u4e48\u8981\u4f7f\u7528web\u6807\u51c6WEB\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\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\u3002web\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
\u4e00\u4e9bWeb\u5f00\u53d1\u4eba\u5458\u548cWeb\u8bbe\u8ba1\u5e08\u5bf9\u4f7f\u7528Web\u6807\u51c6\u6301\u62b5\u89e6\u6001\u5ea6\u3002\u666e\u904d\u7684\u770b\u6cd5\u662f\u5b83\u592a\u96be\u4e86\uff0c\u4e0d\u7ba1\u5b83\u662f\u600e\u4e48\u8fd0\u4f5c\uff0c\u6211\u4f7f\u7528\u7684\u90a3\u4e9b\u8f6f\u4ef6\u603b\u4f1a\u521b\u5efa\u51fa\u4e00\u4e9b\u4e0d\u89c4\u8303\u7684\u4ee3\u7801\u3002.
\u5b66\u4e60\u65b0\u7684\u6280\u672f\u5e76\u653e\u5f03\u60a8\u6240\u719f\u77e5\u7684\u6280\u672f\uff0c\u8fd9\u5f88\u5bb9\u6613\u5f15\u8d77\u60c5\u7eea\u4e0a\u7684\u53cd\u611f\uff0c\u5e76\u4ea7\u751f\u62b5\u89e6\u7684\u60c5\u7eea\u3002\u7136\u800c\uff0c\u5982\u679c\u60a8\u5f88\u7406\u667a\u7684\u89c2\u5bdf\u4e00\u4e0b\u73b0\u5728\u7684\u5f62\u52bf\uff0c\u5c06\u4f1a\u53d1\u73b0\uff0c\u901a\u8fc7\u5b66\u4e60\u548c\u4f7f\u7528Web\u6807\u51c6\u4f1a\u5f97\u5230\u8bb8\u591a\u597d\u5904\u3002\u4e3e\u51e0\u4e2a\u4f8b\u5b50\uff1a
\u66f4\u7b80\u6613\u7684\u5f00\u53d1\u4e0e\u7ef4\u62a4\uff1a\u4f7f\u7528\u66f4\u5177\u6709\u8bed\u4e49\u548c\u7ed3\u6784\u5316\u7684HTML\uff0c\u5c06\u8ba9\u60a8\u66f4\u52a0\u5bb9\u6613\u3001\u5feb\u901f\u7684\u7406\u89e3\u4ed6\u4eba\u7f16\u5199\u7684\u4ee3\u7801\u3002
\u4e0e\u672a\u6765\u6d4f\u89c8\u5668\u7684\u517c\u5bb9\uff1a\u5f53\u60a8\u4f7f\u7528\u5df2\u5b9a\u4e49\u7684\u6807\u51c6\u548c\u89c4\u8303\u7684\u4ee3\u7801\uff0c\u90a3\u4e48\u60a8\u8fd9\u4e2a\u5411\u540e\u517c\u5bb9\u7684\u6587\u672c\u5c31\u6d88\u9664\u4e86\u4e0d\u80fd\u88ab\u672a\u6765\u7684\u6d4f\u89c8\u5668\u8bc6\u522b\u7684\u540e\u60a3\u3002
\u66f4\u5feb\u7684\u7f51\u9875\u4e0b\u8f7d\u3001\u8bfb\u53d6\u901f\u5ea6\uff1a\u66f4\u5c11\u7684HTML\u4ee3\u7801\u5e26\u6765\u7684\u5c06\u662f\u66f4\u5c0f\u7684\u6587\u4ef6\u548c\u66f4\u5feb\u7684\u4e0b\u8f7d\u901f\u5ea6\u3002\u5982\u4eca\u7684\u6d4f\u89c8\u5668\u5f53\u5904\u4e8e\u6807\u51c6\u6a21\u5f0f\u4e0b\u5c06\u6bd4\u5b83\u5728\u4ee5\u524d\u7684\u517c\u5bb9\u6a21\u5f0f\u4e0b\u62e5\u6709\u66f4\u5feb\u7684\u7f51\u9875\u8bfb\u53d6\u901f\u5ea6\u3002
\u66f4\u597d\u7684\u53ef\u8bbf\u95ee\u6027\uff1a\u8bed\u4e49\u5316\u7684HTML\uff08\u7ed3\u6784\u548c\u8868\u73b0\u76f8\u5206\u79bb\uff09\u5c06\u8ba9\u4f7f\u7528\u6d4f\u89c8\u5668\u4ee5\u53ca\u4e0d\u540c\u7684\u6d4f\u89c8\u8bbe\u5907\u7684\u8bfb\u8005\u90fd\u80fd\u5f88\u5bb9\u6613\u7684\u770b\u5230\u5185\u5bb9\u3002
\u66f4\u9ad8\u7684\u641c\u7d22\u5f15\u64ce\u6392\u540d\uff1a\u5185\u5bb9\u548c\u8868\u73b0\u7684\u5206\u79bb\u4f7f\u5185\u5bb9\u6210\u4e3a\u4e86\u4e00\u4e2a\u6587\u672c\u7684\u4e3b\u4f53\u3002\u4e0e\u8bed\u4e49\u5316\u7684\u6807\u8bb0\u7ed3\u5408\u4f1a\u63d0\u9ad8\u60a8\u5728\u641c\u7d22\u5f15\u64ce\u4e2d\u7684\u6392\u540d\u3002
\u66f4\u597d\u7684\u9002\u5e94\u6027\uff1a\u4e00\u4e2a\u7528\u8bed\u4e49\u5316\u6807\u8bb0\u7684\u6587\u6863\u53ef\u4ee5\u5f88\u597d\u7684\u9002\u5e94\u4e8e\u6253\u5370\u548c\u5176\u4ed6\u7684\u663e\u793a\u8bbe\u5907\uff08\u50cf\u638c\u4e0a\u7535\u8111\u548c\u667a\u80fd\u7535\u8bdd\uff09\uff0c\u8fd9\u4e00\u5207\u4ec5\u4ec5\u662f\u901a\u8fc7\u94fe\u63a5\u4e0d\u540c\u7684CSS\u6587\u4ef6\u5c31\u53ef\u4ee5\u5b8c\u6210\u3002\u4f60\u540c\u6837\u53ef\u4ee5\u4ec5\u4ec5\u901a\u8fc7\u7f16\u8f91\u5355\u72ec\u7684\u4e00\u4e2a\u6587\u4ef6\u5c31\u5b8c\u6210\u8de8\u7ad9\u70b9\u822c\u7684\u8868\u73b0\u4e0a\u7684\u8f6c\u6362\u3002
Web\u6807\u51c6\u53ef\u4ee5\u4e3a\u7f51\u7ad9\u7684\u521b\u5efa\u8005\u8282\u7701\u65f6\u95f4\u4e0e\u91d1\u94b1\uff0c\u8fd8\u53ef\u4ee5\u4e3a\u7f51\u7ad9\u7684\u6d4f\u89c8\u8005\u63d0\u4f9b\u4e00\u4e2a\u66f4\u597d\u7684\u7ecf\u5386\u3002\u6b64\u5916\uff0cWeb\u6807\u51c6\u662f\u672a\u6765\u7684\u3002\u5982\u679c\u4f60\u8fd8\u6ca1\u6709\u4f7f\u7528We b\u6807\u51c6\uff0c\u90a3\u4e48\u73b0\u5728\u5e94\u8be5\u5f00\u59cb\u52a8\u624b\u4e86\uff0c\u5426\u5219\u4f60\u4f1a\u843d\u4f0d\u7684\u3002
\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
首先要明确一个概念。我们本书讲的web标准,不是指XML,而是指为了实现大量HTML信息向XML标准的过渡,W3C和ECMA制定的一系列的技术规范,目前主要包括XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。web标准不仅仅是一个规范,而是一系列规范的总称。
按这些规范制作的网页,符合XML格式规范,内容与表现相分离,将使你的页面数据在以后可以被分享、交换和重用。
下面,让我们一起了解一些重要的基础知识。如果你已经掌握,可以跳过直接阅读第二节
。
2. 什么是w3c?
W3C是“World Wide Web Consortium”的缩写,中文称万维网组织。是一个专注于“领导和发展web技术”的国际工业行业协会。它由万维网发明者Time Berners-Lee领导,成立与1994年。W3C已经有超过500家的会员--包括微软、美国在线(Netscape的母公司)、苹果电脑、 Adobe、Macromedia、SUN 以及各类主流硬件、软件制造商和电信公司。学会主要研究由三家学术机构主理--美国麻省理工学院(MIT)、法国的欧洲信息与数学研究论坛 (ERCIM)、日本的应庆大学(KEIO)。
W3C主要工作是研究和制定开放的规范(事实上的标准),以便提高web相关产品的互用性。W3C的推荐规范的制定都是由来自于会员和特别邀请的专家组成的工作组完成。工作组的草案(Drafts)在通过多数相关公司和组织同意后提交给W3C理事会讨论,正式批准后才成为“推荐规范 (Recommendations)”发布。更多的信息您可以访问W3C的网站:www.w3.org
web标准的优势
5.1 易用性
用web标准制作的页面,对搜索引擎更加“透明”,因为良好清晰的结构使得搜索引擎能够方便的判断与评估信息,从而建立更精确的索引。按web标准制作的页面也可以在更老版本的浏览器中正常显示基本结构,即使CSS/XSL样式无法解析,它也能显示出完整的信息和结构。
符合web标准的页面也很容易被转换成其他格式文档,例如数据库或者word格式,也容易被移植到新的系统--硬件或者软件系统,比如网络电视、PDA等等。这是XML天生具有的优势。
符合web标准的页面也具有天生的“易用性(accessibility)”,不仅仅是普通浏览器可以阅读,那些有残疾的人们也可以通过盲人浏览器、声音阅读器正常使用。
5.2 向后兼容性
使用web标准建立的页面,将在未来的新浏览器或者新网络设备中很好的工作。我们只要修改CSS或者XSL定制相应的表现形式就可以了。
关于web标准的好处
1.科技在进步,网络带宽越来越大,速度越来也快,节省那点字节有意义吗?
web标准的好处之一是:用web标准制作的页面代码量小,可以节省带宽。这只是web标准附带的好处,因为DIV的结构本身就比TABLE简单,TABLE布局的层层嵌套造成代码臃肿,文件尺寸膨胀。通常情况下,相同表现的页面用DIV+CSS比用TABLE布局的节省2/3的代码。这是web标准天生的好处。至于节省带宽的意义并不主要针对普通用户,而主要针对网站经营者,特别是中大型网站,类似新浪、网易这样的站点。一个新闻首页从500K缩小到170k,假设一天的pageview是3000万(保守数字),那么节省的服务器流量就是330k*30000000=9440G,这个成本的节约是可观的。
2.我需要考虑残障人士(盲人和弱视)吗?
为残障人士提供网络浏览方便是美国及欧洲一些国家的法律规定,由于web标准页面的清晰结构、语义完整,一些相关设备能很容易的正确提取信息给残障人士。因此,方便盲人阅读信息也成为web标准的天生好处之一。至于有人说中国目前还有很多人为解决温饱发愁,哪有时间考虑残障人士。这是社会文明和社会道德问题,不在本书讨论范畴。但如果你页面按web标准制作了,就能达到这个效果,何乐而不为呢?
关于浏览器兼容
1.我不需要关心web标准,IE占有99%的市场,我做的页面只要IE能看就可以了。
“以用户为核心”通常都是反对web标准者的档箭牌,实际上这是虚伪的“以用户为核心”。你不能保证IE永远是垄断浏览器市场,你也不能保证IE不做任何改变(事实上,微软的IE7已经开始改善对 web标准的支持)。坚持用html+table布局制作的页面将是“死”的信息,不方便搜索,无法重用与共享,从长远来讲,这才是对用户最大的伤害。
2.为什么web标准的页面兼容性并不好?
我们说web标准的优势是兼容性好,这个兼容是指向后兼容,向新浏览器、新设备兼容。对已有的浏览器来说,因为它们对web标准的支持程度不一样,因此会出现不同浏览器下页面变形的情况。我们必须采用一些"hack"技巧来实现不同浏览器的兼容。这是无奈、也是不可避免的,是web技术发展必然要经历的一个过程,是我们向XML过渡必须克服的一个困难。
我想你和我一样,都关心WEB的未来会是怎么样的,下一轮的新技术热点在什么方向。其实,要回答这个问题,没有谁比W3C更有权威了。只要看看W3C在做什么,正在研究什么规范就知道WEB的走向和趋势了。
W3C明确地告诉我们:XML是未来的趋势毋庸置疑,开放和共享是互联网的精神和根本动力。
蒂姆.贝纳斯-李(Tim Berners-Lee),W3C领导人,万维网之父,说到:XML提供了信息交换的手段,但这仅仅只是开始。我们的目标是web的语义化,即:使得web上的信息内容更加容易理解、更便于交换和共享,RDF和OWL语言将在这方面提供更强大的支持。
web技术即将迎接新一轮的变革和发展,如果你还在犹豫是不是需要学习web标准,那么你将失去这次机会。
绛旓細1. 缃戠珯鏍囧噯閫氬父绉颁负WEB鏍囧噯锛瀹冧富瑕佹秹鍙婄綉绔欏缓璁剧殑瑙勮寖銆傜洰鍓嶅箍娉涙帴鍙楃殑WEB鏍囧噯鍩轰簬XHTML锛岃繖鏄竴绉嶇敤浜庢瀯寤虹綉绔欒璁¤瑷鐨勮鑼冦傚湪WEB鏍囧噯涓紝甯歌鐨勫簲鐢ㄦā寮忔槸鈥淐SS+DIV鈥濓紙浠涔堟槸CSS+DIV锛夈傞渶瑕佹槑纭殑鏄紝WEB鏍囧噯骞堕潪鍗曚竴鐨勮鑼冿紝鑰屾槸涓绯诲垪鐩稿叧鏍囧噯鐨勯泦鍚堜綋銆2. 缃戦〉涓昏鐢变笁涓儴鍒嗘瀯鎴愶細缁撴瀯锛...
绛旓細WEB鏍囧噯鏄竴缁勫寘鍚涓浉鍏虫爣鍑嗙殑闆嗗悎锛屾兜鐩栦簡缃戦〉鐨勪笁涓熀鏈粍鎴愰儴鍒嗭細缁撴瀯銆佽〃鐜板拰琛屼负銆傝繖浜涙爣鍑嗗寘鎷細1. 缁撴瀯鏍囧噯璇█ - XML锛堝彲鎵╁睍鏍囪璇█锛夛細XML鐨勬爣鍑嗘槸鐢盬3C浜2000骞10鏈6鏃ュ彂甯冿紝瀹冩槸涓绉嶈兘澶熷畾涔夊叾浠栬瑷鐨勬爣璁拌瑷锛屾棬鍦ㄦ墿灞曞拰琛ュ厖HTML鐨勫姛鑳斤紝浠ヤ究鏇村ソ鍦版弧瓒崇綉缁滀俊鎭彂甯冪殑闇姹傘- XHTML锛...
绛旓細锛WEB鏍囧噯鏄竴缁勬兜鐩栫粨鏋勩佽〃鐜板拰琛屼负鐨缃戦〉璁捐瑙勮寖銆傝繖浜涜鑼冨苟闈炲崟涓鏍囧噯锛鑰屾槸鍖呮嫭澶氫釜鐩镐簰鍏宠仈鐨勬爣鍑嗐傜綉椤电殑鏋勫缓鍒嗕负涓変釜鏍稿績閮ㄥ垎锛氱粨鏋勶紙鍗冲唴瀹圭粍缁囷級锛岃〃鐜帮紙鍗抽〉闈㈡牱寮忚璁★級锛屼互鍙婅涓猴紙鍗抽〉闈氦浜掑姛鑳斤級銆傞拡瀵硅繖涓変釜鏂归潰锛學EB鏍囧噯鎻愪緵浜嗙浉搴旂殑鎶鏈細缁撴瀯鍖栬瑷涓昏鏄疿HTML鍜孹ML锛涜〃鐜拌瑷涓昏鏄疌SS...
绛旓細- DOM锛堟枃妗e璞℃ā鍨嬶級锛歐3C鍒跺畾鐨勪竴濂楄鑼冿紝鎻愪緵浜嗕竴绉嶄笌骞冲彴鍜岃瑷鏃犲叧鐨勬帴鍙o紝浣垮緱鍙互璁块棶椤甸潰鐨勫悇涓粍浠躲侱OM鏍囧噯瑙e喅浜嗕笉鍚岃剼鏈瑷涔嬮棿鐨勫啿绐侊紝涓哄紑鍙戣呮彁渚涗簡涓绉嶆爣鍑嗙殑璁块棶鍜屾搷浣缃戦〉鏁版嵁鐨勬柟娉曘傝繖浜涙爣鍑嗗ぇ閮ㄥ垎鐢盬3C璧疯崏鍜屽彂甯冿紝ECMA涔熷埗瀹氫簡ECMAScript鏍囧噯锛褰卞搷浜嗕竴閮ㄥ垎琛屼负鏍囧噯銆傞氳繃閬靛惊杩欎簺...
绛旓細锛夌闀囦贡銆傚疄闄呬笂锛WEB鏍囧噯骞朵笉鏄煇涓涓鏍囧噯锛鑰屾槸涓绯诲垪鏍囧噯鐨勯泦鍚堛缃戦〉涓昏鐢变笁閮ㄥ垎缁勬垚锛氱粨鏋勶紙Structure锛夈佽〃鐜帮紙Presentation锛夊拰琛屼负锛圔ehavior锛夈傚搴旂殑缃戠珯鏍囧噯涔熷垎涓轰笁涓柟闈細缁撴瀯鍖栨爣鍑嗚瑷锛屼富瑕佸寘鎷琗HTML鍜孹ML锛涜〃鐜版爣鍑嗚瑷涓昏鍖呮嫭CSS锛涜涓烘爣鍑嗕富瑕佸寘鎷璞℃ā鍨嬶紙濡俉3C DOM锛夈丒CMAScript绛...
绛旓細缃戠珯鏍囧噯锛岄氬父绉颁负Web鏍囧噯锛娑电洊浜嗕笁涓富瑕佹柟闈細棣栧厛鏄粨鏋勫寲鏍囧噯璇█锛屽叾涓寘鎷琗HTML鍜孹ML锛涘叾娆℃槸琛ㄧ幇鏍囧噯璇█锛屼富瑕佸寘鎷珻SS锛涙渶鍚庢槸琛屼负鏍囧噯锛岃繖娑夊強鍒板璞℃ā鍨嬶紙濡俉3C DOM锛夊拰ECMAScript绛夈
绛旓細3. 琛屼负锛氭秹鍙婄綉椤电殑浜や簰鎬у拰鍔ㄦ佸姛鑳斤紝浣垮緱鐢ㄦ埛鍙互涓庣綉椤佃繘琛屼氦浜戝姩銆侸avaScript鏄竴绉嶅鎴风鑴氭湰璇█锛岄氳繃DOM锛圖ocument Object Model锛夋枃妗e璞℃ā鍨嬶紝瀹冨彲浠ユ搷浣滅綉椤靛唴瀹广佺粨鏋勫拰鐢ㄦ埛鐣岄潰锛屽疄鐜板鏉傜殑鍔熻兘鍜屽姩鐢绘晥鏋溿閬靛惊Web鏍囧噯鐨勫ソ澶勫寘鎷細1. 鎷撳缃戦〉璁捐鐨勯傜敤鑼冨洿銆2. 鎻愬崌鍐呭鍦ㄤ笉鍚岃澶囦笂鐨勫彲...
绛旓細鎺㈢储Web鏍囧噯鐨勫ゥ绉橈細缁撴瀯銆佽〃鐜颁笌琛屼负鐨勪氦缁 浜掕仈缃戠殑鍩虹煶鈥斺Web锛鏄竴涓敱瓒呮枃鏈拰HTTP椹卞姩鐨勫叏鐞冧俊鎭綉缁溿傚畠鐢变笁涓叧閿儴鍒嗘瀯鎴愶細缁撴瀯锛圶ML/HTML锛夈佽〃鐜帮紙CSS锛夊拰琛屼负锛圖OM/ECMAScript锛夛紝姣忎竴涓兘鎵紨鐫鑷冲叧閲嶈鐨勮鑹层1. 缁撴瀯鐨勫姏閲 SGML/HTML锛氫綔涓烘棭鏈熺殑鏍囧噯锛SGML鍥犲叾绋冲畾鎬с佸彲绉绘鎬у拰...
绛旓細6. Web鍙闂ф爣鍑嗭細杩欎簺鏍囧噯纭繚Web鍐呭瀵规墍鏈夌敤鎴凤紝鍖呮嫭娈嬮殰浜哄+锛岄兘鏄彲璁块棶鍜屾槗浜庝娇鐢ㄧ殑銆7. Web瀹夊叏鏍囧噯锛氫负浜嗕繚鎶eb搴旂敤绋嬪簭鍜岀敤鎴锋暟鎹殑瀹夊叏锛岃繖浜涙爣鍑嗚瀹氫簡闃叉甯歌缃戠粶鏀诲嚮鐨勬妧鏈拰鏈浣冲疄璺点傝繖浜涙爣鍑嗙殑闆嗗悎涓嶆柇鍙戝睍鍜屾洿鏂帮紝浠ラ傚簲鏂版妧鏈殑鍑虹幇鍜學eb鎶鏈殑婕旇繘銆閬靛惊Web鏍囧噯鏈夊姪浜庡垱寤轰竴涓洿鍔...
绛旓細鐩墠鎵閫氬父鎵璇寸殑WEB鏍囧噯涓鑸寚缃戠珯寤鸿閲囩敤鍩轰簬XHTML璇█鐨勭綉绔欒璁¤瑷,WEB鏍囧噯涓吀鍨嬬殑搴旂敤妯″紡鏄渃ss+div鈥濓紙锛夈傚疄闄呬笂锛學EB鏍囧噯骞朵笉鏄煇涓涓鏍囧噯锛鑰屾槸涓绯诲垪鏍囧噯鐨勯泦鍚堛缃戦〉涓昏鐢变笁閮ㄥ垎缁勬垚锛氱粨鏋勶紙Structure锛夈佽〃鐜帮紙Presentation锛夊拰琛屼负锛圔ehavior锛夈傚搴旂殑缃戠珯鏍囧噯涔熷垎涓夋柟闈細缁撴瀯鍖栨爣鍑嗚瑷...