AI实践哪家强?来 AICon, 解锁技术前沿,探寻产业新机! 了解详情
写点什么

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

评论

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

有了这个开源工具后,我五点就下班了!

IT学习日记

EasyExcel 签约计划第三季 seaweedfs文件系统 java excel导出导入 java csv导出导入

如何选择ui设计机构

小谷哥

秋招冲刺版!奉上[Java一线大厂高岗面试题解析合集]

冉然学Java

面试 面试题 大厂 java; 秋招

面向云时代的龙蜥操作系统 是 CentOS 替代的最佳选择

OpenAnolis小助手

龙蜥操作系统 开放原子全球开源峰会 OpenAnolis 分论坛 CentOS 停服 CentOS 迁移最佳选择

【有奖征文 第13期】至简致远,“云”响世界,大胆秀出你的华为云技术主张,高额激励等你拿

科技怪咖

带你玩转“超大杯”ECS特性及实验踩坑【华为云至简致远】

科技怪咖

基于微信小程序的幼儿园招生报名系统开发笔记

CC同学

干货:从零设计高并发架构

C++后台开发

高并发 架构师 C/C++后台开发 C/C++开发 高并发架构

基于DevCloud进行黑白棋实时对战游戏开发实践【华为云至简致远】

科技怪咖

Java面试项目推荐,15个项目吃透两个offer拿到手软

冉然学Java

offer java; 技术栈 MAll java项目实战分享

携手数字创新 共筑国产生态 7月份AntDB与5款产品完成互认证

亚信AntDB数据库

AntDB 国产数据库 AISWare AIDB

兆骑科创创业赛事活动举办平台,投融资对接,线上直播路演

兆骑科创凤阁

一文读懂字节跳动“埋点验证平台”

字节跳动数据平台

字节跳动 数据治理 埋点治理 数据研发 埋点验证

JavaScript 里三个点 ...,可不是省略号啊···

华为云开发者联盟

JavaScript 前端 运算符 函数

原来如此!谷歌架构师10年呕心沥血汇成的《23种设计模式》,这才是正解

冉然学Java

架构 23种设计模式 java; 编程、

国产数据库的红利还能“吃”多久?

墨天轮

数据库 国产数据库

赶紧收藏!!!我直接上瘾!百万人都在学的Docker

指剑

签约计划第三季 8月月更

web前端培训班哪个好选择

小谷哥

阿里巴巴最新分享Spring Cloud核心笔记,全程实例讲解,通俗易懂

Java工程师

Java spring spring-cloud

开源一夏 | Spring事务传播机制

六月的雨在InfoQ

开源 Spring事务 8月月更

「Gitee篇」如何用Git平台账号登录建木CI

Jianmu

git 开源 DevOps 低代码 gitee

腾讯云产品可观测最佳实践 (Function)

观测云

有了国产 DevOps 工具 ,还怕数字化转型成本高?

飞算JavaAI开发助手

大数据培训课程哪个好呢?

小谷哥

零基础培训学习大数据课程

小谷哥

湖北钠斯网络数字藏品交易系统

开源直播系统源码

NFT 数字藏品

前端培训机构课程怎么样

小谷哥

*打卡—>什么是云数据库&&沙箱实验如何用python和数据库来爬虫?【华为云至简致远】

科技云未来

云数据库

兆骑科创赛事服务平台对接,海内外高层次人才引进

兆骑科创凤阁

LED显示屏在会议室如何应用

Dylan

LED显示屏 led显示屏厂家

Beetl使用记录

Geek_163f36

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