浏览器制造商苹果、谷歌、微软和Mozilla,以及软件公司Bocoup和Igalia正在合力制定一项名2022年为互操作的Web兼容性规范,以使网络技术和代码在不同的设备和浏览器中有统一的渲染效果(<>强利好前端开发)。
这是<强>有史以来第一次强,所有市场上主要的浏览器供应商和利益相关者齐心协力地解决浏览器兼容性问题。此前,互相为竞争关系的浏览器厂商常常在网络技术的兼容性上出现分歧,尤其是IE还活着的时候,前端一个页面三套代码的情况十分常见。
过去几年,随着监管机构在竞争问题上向苹果和谷歌施压,这些顶级浏览器制造商之间才开始频繁合作,而不是专注于搞自家浏览器的专属功能.2019年谷歌和微软合作发起过一个名为2021兼容的Web兼容性标准,该标准促进了CSS网格和CSS flexbox这两个技术的发展,Mozilla参与了该计划的讨论,但苹果和其WebKit团队并未参与此计划。
新2022年的互操作规范整体偏向于15个领域,其中10个领域是综合去2021年CSS现状调查和GitHub投票得出的结论,大多数前端开发人员认为这些领域在跨浏览器存在兼容性问题会特别难处理:
<李> <>强级联层(级联层)有了这个标准,网站可以创建一个“框架”层和一个“自定义”层,然后将所有第三方框架的CSS样式分配到框架层,在自定义层中编写自定义样式,而且<强>自定义层的所有CSS样式,优先级都可以比框架层要高(无视选择器)。
<李> <>强颜色空间和功能(色彩空间/函数)早期,网页开发使用sRGB颜色空间,通常以十六进制,<代码> rgb() ,<代码> rgba() 或<代码>奥软()格式表达色彩。但随着显示技术的发展,sRBG不够用了,因此互操作2022包括对三种扩展颜色空间(P3实验室,华尔街日报)的支持测试,以及两种通过函数在CSS中编写颜色的方法:<代码>颜色混合和<代码>颜色对比:
<代码>颜色混合():取两种颜色,并返回在指定颜色空间中按指定量混合它们的结果。
<代码>颜色对比():从颜色列表中选择与指定单色具有最高对比度的颜色。
<李> <>强控制(CSS <代码> <强>包含 <强>属性)<代码> 属包含性用于识别和测量特定容器的大小,然后根据该容器的大小应用不同的样式。有点像媒体查询@media,但不是测量视窗大小,而是测量容纳内容的盒子的大小。
<李> <>强对话框元素(对话框元素)该<强>对话框元素可以创建覆盖型的窗口,也就是对话框,比如<代码>::背景伪元素可以为一个模态框下方的背景设置样式。可在此博客了解对话框元素 。
<李> <>强形式修复(表单修复)关于表单的一些操作性,包括<代码>外观>
0 留言