Web标准

Posted 2022-11-28 demystify

Web标准从Web的三个方面制定标准，结构（Structure）、表现（Presentation）、行为（Behavior）;

一、结构方面的标准：

    1、结构化标记语言的历史

       最早广泛应用的是web结构标准是html，但是html（指html5之前的版本） 标签书写不规范，导致了浏览器各自的解释不通，所以存在浏览器兼容问题。html已经制约了web的发展。

       从html延伸出来的xml拥有更加严谨的语法以及更好的语义环境。因此W3C期望web结构标准能向xml转变，为了让html向xml过渡，W3C制定了XHTML标准，其与HTML之前的版本最大的区别是更加严谨且语义化更强。

      最终，html5是过渡到xml的新标准，XHTML不再单独制定标准，而是作为html5的一部分。

    2、HTML5

     广义的html5包含css和js，这里仅指狭义的纯html标签部分。html5标准将取代1990年制定的HTML4.0.1和XHTML1.0标准。HTML5的主要目标是提供所有内容而且不需要任何像flash、silverlight之类的额外插件。

      

二、表现方面的标准：

   1.  样式表的历史

   CSS的诞生源于html既要表示结构又要控制样式，导致html代码臃肿、效率低下的现实状况。因此W3C将CSS纳入标准。

   2. CSS

   CSS是web表现方面的标准。控制页面的布局、颜色、字体等。最新标准CSS3

 

三、行为方面的标准：

1. ECMAScript

       简介：ECMAScript是一种由ECMA(欧洲计算机制造商协会)通过ECMA-262标准化的脚本程序设计语言。javascript和JScript都是ECMA-262标准的实现和扩展。

      ECMAScript描述了语法、类型、语句、关键字、保留字、运算符、对象。

       最新版本，2015年6月发布的，ECMAScript6 (ES6)。

2. DOM

       DOM（文档对象模型），是W3C推荐的处理可扩展标记语言的标准编程接口（简单地说，就是一种操作xml或html元素的一种方式）。

       DOM标准分三个层次；

* 核心DOM：针对任何结构化文档的标准

* XML DOM: 针对XML文档的标准

* HTML DOM: 针对HTML文档的标准

2.1 DOM分级

       DOM1, DOM1级主要定义了HTML和XML文档的底层结构，在DOM1中，DOM由两个模块组成：DOM Core(DOM核心)和DOM HTML。 其中DOM Core规定了基于XML的文档结构标准，通过这个标准简化了对文档中任意部分的访问和操作。DOM HTML则在DOM核心的基础上加以扩展，添加了针对HTML的对象和方法，如JavaScript中的Document对象。

2.2 DOM2

      DOM2是在DOM1的基础上引入更多交互能力，也支持更高级的XML特性。DOM2级在原来DOM的基础上又扩充了鼠标、用户界面事件、范围、遍历等细分模块，而且通过对象接口增加了对CSS的支持。DOM1级中的DOM核心模块也经过扩展开始支持XML命名空间。在DOM2中引入了下列模块：

     * DOM视图（DOM Views） :  定义了跟踪不同文档视图的接口

     * DOM事件（DOM Events）: 定义了事件和事件处理的接口

     * DOM样式（DOM Style）: 定义了基于CSS为元素应用样式的接口

     * DOM遍历和范围（DOM Traversal and Range）：定义了遍历和操作文档树的接口

2.3 DOM3

     DOM3 进一步扩展了DOM, 在DOM3中引入了以下模块：

     * DOM加载和保存模块（DOM Load and Save）: 引入了以统一方式加载和保存文档的方法

     * DOM验证模块（DOM Validation）:定义了验证文档的方法

     * DOM核心的扩展（DOM Style）: 支持XML1.0规范，涉及XML Infoset、XPath和XML Base 

3 BOM

     BOM(浏览器对象模型)，是指对浏览器窗口进行访问和操作的编程接口。

     BOM尚无正式标准。

注：DOM、BOM对象，从技术上 说，是ECMAScript对应的宿主实现来提供和定义的，ECMAScript不负责定义宿主对象，因此单独列出来。

参看：

https://blog.csdn.net/gane_cheng/article/details/52819118

http://www.cnblogs.com/hiphop-J/p/web.html

https://blog.csdn.net/a519781181/article/details/52062480

http://www.cnblogs.com/yachao1120/p/7798603.html

https://blog.csdn.net/c1052981766/article/details/79076927

http://www.w3school.com.cn/js/pro_js_implement.asp

https://blog.csdn.net/pxy_lele/article/details/49755071