【AICon】探索RAG 技术在实际应用中遇到的挑战及应对策略!AICon精华内容已上线73%>>> 了解详情
写点什么

CSS 书写模式已成为官方 Web 标准

  • 2020-04-10
  • 本文字数:1139 字

    阅读完需:约 4 分钟

CSS书写模式已成为官方Web标准

万维网联盟(World Wide Web Consortium,W3C)最近宣布CSS书写模式Level 3(CSS Writing Modes Level 3)业已成为官方的 Web 标准。新的 CSS 标准允许开发人员配置文本水平布局还是垂直布局,同时还能设置行堆叠的方向。借助 CSS 的书写模式,大量语言的内容都可以使用原生方式来显示了。


W3C 指导委员会成员、日本庆应义塾大学(Keio University)教授 Jun Murai 博士强调了新标准的重要性,以及该标准所涉及的大量国际工作:


CSS 书写模式 Level 3 作为 W3C 的推荐标准正式发布,这是 2004 年以来 CSS 工作组开始文本布局相关工作的一个重要里程碑。(……)凭借令人难以置信的国际化工作和许多亚洲国家的共同努力,我们已经达到了一个重要的节点,CSS 使 Web 上的国际书写模式变成了现实。


CSS书写模式标准化了对各种国际书写模式的 CSS 支持,包括水平的从左到右的文本(如英语和印地语)、水平的从右到左的文本(如希伯来语和阿拉伯语)还包括垂直文本(如日语或蒙古语)。此外,标准还支持上述方式的组合,比如在垂直设置的亚洲文本中显示英语或希伯来语。


Smashing Magazine 的主编 Rachel Andrew强调了开发人员和设计师理解书写模式如何与其他布局标准(如 FlexBox 或 Grid)交互是非常重要的:


支持多种书写模式是我们设计 Flexbox 新布局方法和 Grid 布局的关键。理解这一点可以更好地理解这些布局方法是如何运行的。


CSS 书写模式规范声明了如何根据writing-modedirectiontext-orientation属性定义书写模式。writing-mode属性指定了块的流动方向direction指定了盒的内联基准方向。


Mozilla 的设计师和开发人员倡导者Jen Simmons在一幅教学图片中总结了如何将这三个 CSS 书写模式属性组合起来以指定布局:



图片来源:https://24ways.org/2016/css-writing-modes


Chen Hui Jing提供了一个演示页面,让开发人员可以在horizontal-tbvertical-rl书写模式下进行转换,并且能够观察布局和滚动方向的变化。


通过切换内容方向或改变内容流的方向,CSS 书写模式也可以用于实现创造性的设计,即便是使用从左到右书写的语言时,我们也可以这样做。


2019年的CSS状态调查似乎表明,与 Flexbox 不同,CSS 书写模式主要是由有经验的开发人员和设计师使用(超过 10 年的经验人)的。


虽然 IE11 和 Opera Mini 不支持 CSS 书写模式,但大多数浏览器已经支持该特性了


W3C 积极欢迎国际社区的反馈和支持,以满足语言支持的需求。W3C 发布了一个语言矩阵,该矩阵会跟踪当前支持级别的概况以及还需要进行哪些工作。


万维网联盟为利用 Web 技术的现代企业提供支撑基础设施的标准,所涉及的领域包括娱乐、通信、数字出版和金融服务等。W3C 工作是基于 W3C 专利政策(W3C Patent Policy)免费提供的。


原文链接:


CSS Writing Modes Now an Official Web Standard


2020-04-10 09:002444

评论

发布
暂无评论
发现更多内容

软件工程是否可以指导小团队的建设

风翱

软件工程 3月日更

【Axure9百例NO.46】中继器多条件判断的优雅处理

zhuchuanming

原型设计 Axure 交互原型

如何提高Flutter应用程序的性能

老孟Flutter

flutter

产品经理面试常见问题总结 3

lenka

3月日更

产品经理训练营--第9周作业

月亮 😝

数据结构之栈

我是程序员小贱

3月日更

“英特尔‘IDM2.0’的疯狂”

E科讯

[老孟Flutter] Stateful 组件的生命周期

老孟Flutter

flutter

文档是给未来自己的珍贵礼物

steve_lee

文档

Wireshark数据包分析学习笔记Day20

穿过生命散发芬芳

Wireshark 数据包分析 3月日更

分而治之——D&C

Kylin

3月日更 21天挑战 分而治之

如何判断自己是否适合当前公司?

石云升

离职 28天写作 职场经验 3月日更

JDBC—数据库事务处理

打工人!

Java MySQL 数据库事务 JDBC

ARTS——week 3

steve_lee

第六次作业

Geek_79e983

翻译:《实用的Python编程》07_04_Function_decorators

codists

Python PEP

第八章作业 - 用户路径

Au revoir

第八章—数据分析作业

墨狂之逸才

Spring-Retry重试实现原理,有点东西哈

Java小咖秀

Java spring 源码 原理 开发

第9周作业

Geek_72d5ab

第九周作业

产品经理训练营

Python SMTP 发送邮件方法

HoneyMoose

第八章作业

流浪猫

Flutter 中与平台相关的生命周期

老孟Flutter

flutter

推荐几本 Go 相关书籍

roseduan

书籍推荐 Go Concurrency Patterns Go web 书籍 Go 语言

MySQL - 事务

insight

3月日更

ProxmoxVE系列:VMware,是时候卸载了

Bob

vmware 虚拟化 服务器开发 proxmoxve PVE

产品经理训练营 - 第八章作业

joelhy

产品经理训练营

图论--网络流最大流问题

风骨散人

C++后台开发必看,这个学习路线必须收藏

赖猫

c++ Linux 后台开发 服务器开发

《Redis 核心技术与实战》学习笔记 08:GEO数据类型和时间序列数据

escray

redis 学习 极客时间 3月日更 Redis 核心技术与实战

CSS书写模式已成为官方Web标准_大前端_Bruno Couriol_InfoQ精选文章