使用HTML和CSS建设网站

2022-07-15 分类：网站建设

使用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.引号和多语种内容

こんにちは世界

的HTML元素指示在短直列形式报价。引号根据语言具有不同的外观。例如，我们使用“”英语

网站栏目：使用HTML和CSS建设网站
当前路径：/news2/178852.html

成都网站建设公司_创新互联，为您提供外贸网站建设、网站导航、星空体育app最新版本(2024已更新)、关键词优化、品牌网站建设、网站收录

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容