资讯

手机用华为 • 推广找展为

十年专注 提供有品质的服务 13933871212

使用HTML和CSS建设网站

专注:石家庄网站制作 | 咨询 13933871212(同微信) 2020-08-15 22:37:26

使用HTML和CSS拥抱本地化和多语言内容   展为网络  13933871221
 
随着Shopify扩展到更多国家/地区,我们有时会遇到设计和开发文化上的差异。UI(用户界面)的国际化使目标受众更容易进行本地化,而HTML和CSS也可以成为强大的工具,使我们能够同时实现本地化和国际化。
 
对于设计师而言,挑战在于设计内容时要考虑本地化,同时要考虑诸如文本方向或本地语言字符等方面。对于开发人员而言,挑战在于以最少的代码输入实现这些方面。
 
在本文中,我们着眼于六个注意事项,它们将帮助您在构建本地化产品时达到这两个要求。
 
另外,一定要检查一下伪本地化如何帮助您为国际化构建。
 
通过Shopify合作伙伴计划发展您的业务
 
无论您提供市场营销,定制服务还是网站设计和开发服务,Shopify合作伙伴计划都将助您成功。免费加入并获得收益分享机会,发展业务的工具以及充满激情的商业社区。
 
1.写作模式
html本地化:垂直
垂直显示字符的中国旅游区标志。
writing-mode: vertical-lr;
该writing-mode属性设置内容的书写方向,例如,水平或垂直。
 
当设计通过应用垂直放置的内容时,writing-mode: vertical-lr与拉丁语脚本(包括阿拉伯数字和表示法)相反,东方语言脚本中的字符不会旋转。在日本的Shopify合作伙伴特权页面上,从更改transform: rotate(90deg)为writing-mode: vertical-lr,为日语用户创建正确的显示,并且仍然保持英语语言环境不变。
 
html本地化:旋转
使用transform旋转日语字符:transform: rotate(90deg)。
html本地化:lr
使用垂直书写模式旋转日语字符:writing-mode: vertical-lr;。
出于纯装饰目的,writing-mode仍然提供sideways-lr和sideways-rl,其结果与transform: rotate(90deg)和相同transform: rotate(-90deg)。当前仅在Firefox中支持侧写模式。
 
日语和汉语的传统内容应从右到左排列。陈慧晶展示了中国字体在传统垂直布局和现代水平布局之间的转换,以突显它们之间的差异。写作模式旨在处理内容显示中的文化差异,这对于本地化很重要。
 
您可能还会喜欢: 创建多语言数字产品的技巧。
 
2. ch长度单位
max-width: 20ch;
的chCSS长度单位表示字形“0”的1米半角形式字符宽度。由于东方语言的特性,字符始终具有固定的宽度,包括注解,这被称为全角形式。当ch应用于文本宽度时,全角字符占2ch一个字符,而拉丁字符半角形式的两个字符则占两个字符。
 
html本地化:字符
中国传统诗歌,以竖向从右到左的方式写成,每列最多包含10个汉字。
 
在典型的英语排版中,每行少于60个字符为佳,这对于东部语言而言,全宽度形式则意味着每行30个字符。比较像素值时,该ch单位适用于所有字体大小,对于在断点之间更改字体大小的响应式布局很有用。为了排版目的,控制字符数也更加容易。
 
3.引号和多语种内容
<q lang="ja">こんにちは<q>世界</q></q>
的<q>HTML元素指示在短直列形式报价。引号根据语言具有不同的外观。例如,我们使用“”英语
10年建站推广经验

让您每一分投入都有更多回报!

联系展为,马上获得专属免费推广方案

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:13933871212   固定电话:0311-80836913   微信:9196389