WEB 标准以及 W3C 的理解与认识

web 标准简单来说可以分为结构、表现和行为。

其中结构主要是有 HTML 标签组成。或许通俗点说,在页面 body 里面我们写入的标签都是为了页面的结构。表现即指 css 样式表,通过 css 可以使页面的结构标签更具美感。行为是指页面和用户具有一定的交互,同时页面结构或者表现发生变化,主要是有 js 组成。

web 标准一般是将该三部分独立分开,使其更具有模块化。但一般产生行为时,就会有结构或者表现的变化,也使这三者的界限并不那么清晰。

W3C 对 web 标准提出了规范化的要求,也就是在实际编程中的一些代码规范:包含如下几点

  1. 标签字母要小写
  2. 标签要闭合
  3. 标签不允许随意嵌套

对于 css 和 js 来说

  1. 尽量使用外链 css 样式表和 js 脚本。是结构、表现和行为分为三块,符合规范。同时提高页面渲染速度,提高用户的体验。
  2. 样式尽量少用行间样式表,使结构与表现分离,标签的 id 和 class 等属性命名要做到见文知义,标签越少,加载越快,用户体验提高,代码维护简单,便于改版
  3. 不需要变动页面内容,便可提供打印版本而不需要复制内容,提高网站易用性。

请谈一下你对网页标准和标准制定机构重要性的理解。

参考答案:降低开发难度及开发成本,减少各种 BUG、安全问题,提高网站易用性。

补充

补充:WEB 标准本质上是一种"让前端代码长期可控"的工程规范,W3C 的意义在于把规则交给一个中立组织而不是某一家浏览器厂商。

W3C 是什么

W3C(World Wide Web Consortium)是万维网联盟,制定 HTML、CSS、SVG、XML 等 Web 标准的国际组织,成员包括各大浏览器厂商与研究机构。

三大好处

  1. 降低开发与维护成本:统一的标签、属性与 CSS 行为
  2. 减少 BUG 与安全问题:避免依赖浏览器私有实现
  3. 提高网站易用性与可访问性:跨设备、跨人群都能正常使用

来源整理自:我的有道云笔记