对Web标准的理解

定义

       百度百科对于Web标准有如下定义：Web标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。

对Web标准的理解

       对于Web标准网上还有很多解释，就不一一说了。那么我们为什么要遵循Web标准？毫无疑问如果我们的程序符合Web标准，那么我们的程序能尽可能多地支撑不同的浏览器，尽可能多地满足用户需求。但在我看来，对遵循Web标准的理解不应该是为了达到上述目的而遵循，这样很可能会出现为了标准而标准的问题。相反，我们应该出于让我们的代码更简洁、更可读、更高效、更高的维护性和移植性的目标来编码，这样写出的代码自然是符合Web标准的。
       Web标准的核心是实现结构、表现和行为的分离，通俗地理解就是HTML、CSS、JS分离，尽量使用外链CSS样式和JS脚本。其中HTML标签都是为了页面的结构，CSS美化页面的结构，JS负责页面与用户的交互。
       举个例子来说，我们要人工做出一只狗，那我们找三组人分别负责做出狗的结构、表现和行为。狗的结构（HTML）是一只形状不规则（尾巴可能是扁的）并且没有颜色的“狗”。当我们给“狗”的结构加上表现，原本的“狗”有了正常的颜色和形状，但这个时候还不是严格意义上的狗，因为狗是可以进行简单的交流的。那么我们这时候再给“狗”加上行为，比如有人叫它名字它会摇尾巴，这个时候这只狗就做好了。
       这样做非常符合我们开发时的“关注点分离”的原则，程序具有模块化，能高效率的开发和维护程序。

遵循Web标准的好处

       对于访问者来说，首先页面的解析速度更快；其次遵循同一套Web标准能使Web程序的跨平台性和可移植性更好，能被更多的设备访问；并且所有页面都提供标准化的可打印版本。
       对于网站开发和所有者来说，遵循Web标准能简化代码结构，加速开发，降低成本；而且当我们需要对程序的某一模块发生变更时，因为三者之间耦合程度很低，所以其他部分无需做出非常大的改变（通常只需要简单的修修补补）；符合Web标准的网站能维持更好的SEO(更容易被搜索引擎搜索到)。
       对于所有Web相关者来说，Web标准创建了一组规则，每个开发人员都可以遵循，理解和熟悉的规则，这一定程度上保护了Web的生态。而且从理论上讲，这意味着一个开发人员建立一个符合标准的网站以后，另一个开发人员可以在没有太多麻烦的情况下在之前网站的基础上二次开发或者进行重构。事实上，统一的标准为此提供了基础。

两个工具

       相信大家都想赶紧试试自己写的代码是否是符合Web标准的，这里最后给出两个验证代码的网页。
       检验HTML是否符合标准：https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.runoob.com%2Ftry%2Fdemo_source%2Ftryhtml_intro.htm
       检验CSS是否符合标准：http://jigsaw.w3.org/css-validator/validator?uri=https%3A%2F%2Fwww.runoob.com%2Ftry%2Fdemo_source%2Fstyle1.css&profile=css3


以上是我个人对Web标准的理解，如有错误还请大牛指正，如有不同意见也欢迎质疑，希望对大家有所帮助。

标签：Web,HTML,标准,理解,遵循,CSS,页面
来源： https://blog.csdn.net/weixin_41631970/article/details/87906081