深入解析HTML、CSS与A11Y:W3C标准规范中的关键方向

2025-02-12
来源:网络整理

在众多的W3C标准规格中,我个人的主要重点是HTML,CSS和A11Y方向。接下来,让我与您谈谈我对这些方向的理解。从HTML开始。

▐html

对于HTML,总是有两个组织维护它,即HTML ()和。在早期,他们是两个独立组织,即使在今天,他们是两个独立组织。但是,随着后来的开发,该组织维护和促进了与HTML有关的标准。

我通常会检查与HTML相关的规格,并且我也更喜欢检查维护的HTML规格。该规范提供了Web的HTML方面的所有规格,例如HTML元素,属性,DOM API等。您可以在此规范中检查要检查的信息。它还可以为使用HTML标签元素提供理论基础。

采用html

例如元素:

从规范中我们知道

哪些类型的标签,内容模型,属性和DOM API是?对于大多数Web开发人员而言,他们可能会更多地关注标签属性和DOM API功能,并且通常忽略有关A11Y的描述。但是,此功能对于构建更容易访问的网页或应用程序非常重要。

他可以带我们进入两个地方:

我们更关心HTML中ARIA和ARIA的两个规格。例如,当我们构建网络时,有时我们会使用图标标签来构建控件。这个图标可能是纯粹的

标签也可能是一个或标签。如果我们想使屏幕读取器可识别,则在构建HTML时需要使用与ARIA相关的功能:

简而言之,ARIA是Web开发人员构建可访问性Web应用程序必不可少的理论基础之一!

W3C的CSS规范

对于CSS规格,它比HTML复杂得多。但是,所有与W3C与CSS相关的项目有关的规格都可以在“ CSS Work&to To”中获得。我们可以获取有关CSS规格的大量信息,或此页面上有关CSS规范的所有信息。

我们可以在这里获得一些重要信息:

老实说,阅读CSS规格很痛苦,第一次或有经验的学生是相同的。如果您想更好地掌握阅读CSS规范的技能,那么以下两篇文章非常值得阅读:

@J.的“如何阅读W3C”

让我简要解释一下。在CSS工作页面中,有有关功能模块的表格,您可以至少获得信息的三个方面。一个是标准状态():

除了了解规范的状态外,您还可以知道规范的阶段,因为每个规范变为标准都将经历一个漫长的过程:

④候选推荐规范(CR :):一个相对稳定的版本,此时更适合实施和测试。在拥有完整的测试套件和两个独特的实现之后,规范只能继续移至下一阶段(CR)。

推荐规范(PR :):这是W3C成员公司表达对此规范的最后机会。实际上,他们在此阶段很少提出异议,因此每个公关转移到下一个(和最后一个)阶段(PR)只是时间问题

⑧取代了建议的规范(SPSD ::::缺乏足够市场相关性的规范,由W3C(SPSD)推荐的较新版本取代

对于每个功能,仅在达到WD阶段时,浏览器才会开始实现。当然,在此阶段,网络开发也已开始使用许多功能。实际上,即使在今天,CSS中的许多功能仍处于WD阶段,但同时也用于生产中。换句话说,只有在生产环境达到PR或REC阶段时,并非每个属性才能在生产环境中使用。

过去,使用版本号进行了描述,例如CSS 1.0,CSS 2.0,CSS 2.1和CSS3。

容易忽略的答案_忽略通用元素过滤规则_网站建设过程中容易被忽略的元素

但是,随着CSS功能模块数量的增加,每个功能模块的开发进度也有所不同。稍后定义的CSS规范将不再描述为整体版本编号。例如,将来将不再有CSS 4.0或类似的情况:

有关详细信息,请阅读“为什么没有CSS4 CSS”

由于这些原因,W3C的CSS工作组现在将CSS功能模块维护在单独的模块版本中,例如CSS网格模块,该模块被分为:

当然,随着CSS网格功能模块的继续发展,将来可能还有4个,而其他CSS功能模块也相似。

尽管每个功能模块在不同阶段都有不同的版本,但这并不意味着它们是完全分开的(在版本级别之间),而是以CSS网格模块为例:

每个CSS功能模块涵盖了一个或多个属性的引入。如果您只想了解每个CSS属性的基本用途,则只需要在介绍每个属性的引入中获取相应的信息:

如上图所示,大多数属性将具有相应的基本信息,并且“和”和“”对于Web开发非常重要。例如:

我们还可以在规范中找到属性的每个值的介绍:

如果您想对某些属性有一些基本的了解,但想更深入地探索它们,也可以在相应的规范中获得它们。例如,CSS和CSS网格功能模块,如果您想了解其某些与布局相关的算法,则可以阅读其算法的描述:

简而言之,CSS规范中的信息量比HTML规范中的信息要复杂得多,您可以从不同角度获得所需的信息。这只是一个困难。

W3C的WCAG 3.0

W3C与WCAG相关的规格是帮助我们构建可访问的Web应用程序的理论参考和基础。除继承WCAG 2.2和以前的版本(2.1,2.0)外,今年发布的WCAG 3.0工作草案(WD)还包括UAAG 2.0(用户代理可访问性指南)和ATAG 2.0(创建工具不可用。将提供一个新模型,以更全面,灵活地解决Web可访问性(可访问性)问题。

此外,WCAG 3.0规范对Web开发人员更可读,并且比以前的版本更友好。我们可以在规范中的相应列表项目中快速找到所需的信息。例如“用户指南”,“结果,详细信息和方法”,“功能分类”,“关键错误”和“评级”等。除了与WCAG相关的规格外,WAI-ARIA也是必不可少的相关理论和准则用于构建可访问的网页或应用程序:

▐在W3C规格中不遗漏

无论是HTML规范,CSS规范还是WCAG规范,都会有一些重要的信息,这些重要信息将以突出显示的形式显示给所有人。例如,“评论”,“警告”等:

作为Web开发人员,调节读者或用户非常重要,并且不会随意错过此信息。因为此信息可能是某些边缘案例或有些要解决的情况。甚至有些可以帮助您快速找到并解决实际使用中遇到的问题。例如,当使用Flex:1在布局中时,为什么我们应该将其与最小或最小值一起使用?这些实际上是在规范中详细描述的。例如,在CSS网格布局中,使用()函数时,为什么只能用于最大值的FR的单位值有效?规范中有相关的描述:

除了这些不容错过的及时信息外,规范中提供的示例也值得阅读,甚至值得自己写:

这些示例还提供了一些边缘示例,除了告诉我们如何使用它们。通过这些示例和示例中所示的结果,我们甚至可以事先了解相关特征的功能和功能。

网络标准生命周期

如先前的CSS规范所示,W3C的每个标准规范都像人类,并且具有自己的生命周期。 W3C流程文档将W3C的运营规则指定为中国的技术通信平台:

如上面的流程图所示,每个规范从提案到草稿再到正式规范都不容易,并且要花很多年才能成为标准规范历史记录​​。因此,我们现在使用的某些功能模块可能不在标准规范阶段,而是处于WD阶段。

W3C工作组

忽略通用元素过滤规则_网站建设过程中容易被忽略的元素_容易忽略的答案

W3C中有许多工作组,例如我们熟悉WG()工作组,兴趣小组,社区组和网络孵化社区小组。每个不同的工作组都有其自己的功能:

兴趣小组:讨论行业兴趣点或网络技术重点的小组,例如中国利益集团

Web孵化社区组:我们希望给您的是在提案概念的过程中的反馈,并在向正确的组织提出建议后帮助您迭代并提高想法。

以中国利益集团为例。

中国利益集团主要是:

如何参加W3C讨论

W3C为每个Web开发人员提供服务,也由每个Web开发人员构建。如果您想参加W3C的施工和讨论,则可能需要进行一些初步工作,例如,您需要先申请W3C帐户(您也可以参考“ W3C会员参与指南”)。

如果您只想参加一些讨论,也可以直接参加讨论。

例如,您可以输入CSS规范组(),查找要参加讨论的功能模块,并在相应的评论中表达自己的意见,您也可以在相应的模块中提交新的内容:

您也可以在此处提交新建议或草稿。如果您有这个想法,并且想向W3C的CSS工作提交新建议,则可以参考以下两个副本:CSS容器查询和折叠设备API。我个人认为这是一个很好的例子,值得我们参考和学习。

除此之外,您还可以参加一些会议,例如离线研讨会,例如TPAC会议。如果您有兴趣,2021 TPAC会议正在进行中:

您可以选择自己喜欢的主题:

当然,您还可以不时参加在线电话和相关研讨会。例如,今年上半年举行的身临其境的网络和网络是对老化且无障碍的。

除了上面提到的方法外,我还应该有其他我尚未掌握的方法。如果您有任何了解,请分享。最后,我想用这句话结束在W3C上的分享:

您需要W3C标准,W3C标准也需要您

团队介绍

我们是F(X)团队F(X)团队F(X)指的是函数F(X),这是机器学习中的常见符号。深度学习的本质也是要找到F(x)的最佳解决方案,这意味着通过FX团队的神奇角色不断地“训练”具有不同特征的成员,以找到前端智能团队的最佳解决方案。我们致力于探索和实践前端智能领域,赋予淘宝,和等每日和主要促销活动(例如 11)。我们是淘宝()前端智能实践和阿里巴巴经济前端委员会的领导者。核心团队朝着情报方向发展。我们已经在D2C(代码)领域开放了平台,并逐渐发布了阿里巴巴生态系统的前端生产力。同时,我们与团队保持了长期合作,并根据TFJS节点进行了开放,我们开放了前端算法工程框架,以将前端行业带到智力时代。

✿延伸阅读

作者|达摩

编辑|橙色

由|阿里巴巴的新零售托博技术

分享