写点什么

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:002818

评论

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

大企程序员亲身经历告诉你,CRM系统,自己的才是最好的

Learun

敏捷开发

实用!8个 chrome插件玩转GitHub,单个文件下载小意思

程序员小富

GitHub

你有时间吗?

池建强

时间

接口测试工具

测试人生路

接口文档 接口测试

最近程序员频繁被抓,如何避免面向监狱编程!?

Java架构师迁哥

30 岁的码农人生 ——人生至暗时,你依然能窥见光明

苹果看辽宁体育

程序员 程序人生 感悟

uni-app支持PC宽屏适配

崔红保

uni-app 大前端

【JSRC小课堂】Web安全专题(一)认证缺失和认证缺陷漏洞

京东科技开发者

WEB安全

什么是动态代理

Rayjun

Java 动态代理

以A.I.之力打破方言沟通障碍 科大讯飞重磅发布智慧翻译系统

Talk A.I.

MySql从青铜到王者晋级之路,阿里大牛经验总结让牛少走弯路!

Java架构之路

Java 程序员 架构 面试 编程语言

API生态的发展与机遇:从5000组数据看中国API生态与开发者现状

华为云开发者联盟

华为 API

Vidyo的技术特点都有哪些?

dwqcmo

音视频 集成架构 解决方案 智能硬件

即构SDK10月迭代:新增多款语音音效、外部采集码流控制及Android SDK 最低支持操作系统版本调整

ZEGO即构

android RTC

基于阿里云容器的CI/CD落地实践

LorraineLiu

阿里云 k8s Helm jenkins CI/CD

个人计算机、工作站、服务器的主要区别

德胜网络-阳

分布式文件存储QoS硬核黑科技,真香

焱融科技

高性能 存储 HPC 分布式文件存储 QoS

如何生成 Flink 作业的交互式火焰图?

Apache Flink

flink

来自阿里面试官的Java面试连珠炮,让你自由发挥你能撑到哪一步?

Java架构之路

Java 程序员 架构 面试 编程语言

阿里巴巴专属著作超赞,就是名字起得有点狂“成神之路”???

Java架构师迁哥

搜狗搜索或成为企鹅号流量入口:腾讯欲实现自己的流量闭环

石头IT视角

我服了,难倒无数程序员的源码面试,就这样被轻轻松松讲透彻

小Q

Java 学习 源码 架构 面试

一文读懂GaussDB(openGauss) 的六大关键技术特性

华为云开发者联盟

数据库 数据 存储

谈谈贪官污吏

空山

「深度解析」告诉你如何选择容器存储

焱融科技

Kubernetes 容器 云原生 焱融科技 分布式文件存储

爬虫“学前班”,记住这些不踩坑!

华为云开发者联盟

爬虫 数据 搜索

小程序云开发实战:从0搭建科技爱好者周刊小程序

薛定喵君

微信小程序 小程序云开发 云开发

求职时这样回答问题你就输了!来自IT类面试官视角的深度解读

华为云开发者联盟

面试 软件开发

10 张图打开 CPU 缓存一致性的大门

小林coding

缓存 cpu 操作系统 计算机

WebSocket-技术专题-服务器端消息推送

码界西柚

程序员不愿意说的秘密!Java进阶架构师必看:架构完美设计+程序员三门课+架构修炼之道

Java架构追梦

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