高端定制網(wǎng)站建設(shè) 隨著Shopify擴展到更多國家/地區(qū)，我們有時會遇到設(shè)計和開發(fā)文化上的差異。UI（用戶界面）的國際化使目標(biāo)受眾更容易進(jìn)行本地化，而HTML和CSS也可以成為強大的工具，使我們能夠同時實現(xiàn)本地化和國際化。
對于設(shè)計師而言，挑戰(zhàn)在于設(shè)計內(nèi)容時要考慮本地化，同時要考慮諸如文本方向或本地語言字符等方面。對于開發(fā)人員而言，挑戰(zhàn)在于以最少的代碼輸入實現(xiàn)這些方面。
在本文中，我們著眼于六個注意事項，它們將幫助您在構(gòu)建本地化產(chǎn)品時達(dá)到這兩個要求。
另外，一定要檢查一下偽本地化如何幫助您為國際化構(gòu)建。
通過Shopify合作伙伴計劃發(fā)展您的業(yè)務(wù)
無論您提供市場營銷，定制服務(wù)還是網(wǎng)站設(shè)計和開發(fā)服務(wù)，Shopify合作伙伴計劃都將助您成功。免費加入并獲得收益分享機會，發(fā)展業(yè)務(wù)的工具以及充滿激情的商業(yè)社區(qū)。
1.寫作模式
html本地化：垂直
垂直顯示字符的中國旅游區(qū)標(biāo)志。
writing-mode: vertical-lr;
該writing-mode屬性設(shè)置內(nèi)容的書寫方向，例如，水平或垂直。
當(dāng)設(shè)計通過應(yīng)用垂直放置的內(nèi)容時，writing-mode: vertical-lr與拉丁語腳本（包括阿拉伯?dāng)?shù)字和表示法）相反，東方語言腳本中的字符不會旋轉(zhuǎn)。在日本的Shopify合作伙伴特權(quán)頁面上，從更改transform: rotate(90deg)為writing-mode: vertical-lr，為日語用戶創(chuàng)建正確的顯示，并且仍然保持英語語言環(huán)境不變。
html本地化：旋轉(zhuǎn)
使用transform旋轉(zhuǎn)日語字符：transform: rotate(90deg)。
html本地化：lr
使用垂直書寫模式旋轉(zhuǎn)日語字符：writing-mode: vertical-lr;。
出于純裝飾目的，writing-mode仍然提供sideways-lr和sideways-rl，其結(jié)果與transform: rotate(90deg)和相同transform: rotate(-90deg)。當(dāng)前僅在Firefox中支持側(cè)寫模式。
日語和漢語的傳統(tǒng)內(nèi)容應(yīng)從右到左排列。陳慧晶展示了中國字體在傳統(tǒng)垂直布局和現(xiàn)代水平布局之間的轉(zhuǎn)換，以突顯它們之間的差異。寫作模式旨在處理內(nèi)容顯示中的文化差異，這對于本地化很重要。
您可能還會喜歡： 創(chuàng)建多語言數(shù)字產(chǎn)品的技巧。
2. ch長度單位
max-width: 20ch;
的chCSS長度單位表示字形“0”的1米半角形式字符寬度。由于東方語言的特性，字符始終具有固定的寬度，包括注解，這被稱為全角形式。當(dāng)ch應(yīng)用于文本寬度時，全角字符只占2ch一個字符，而拉丁字符的半角形式則為兩個字符。
html本地化：字符
中國傳統(tǒng)詩歌，以豎向從右到左的方式寫成，每列最多包含10個漢字。
在典型的英語排版中，每行少于60個字符是首選，這對于東部語言來說，全角形式意味著每行30個字符。比較像素值時，該ch單位適用于所有字體大小，對于在斷點之間更改字體大小的響應(yīng)式布局很有用。為了排版目的，控制字符數(shù)也更加容易。
3.引號和多語種內(nèi)容
こんにちは世界
的HTML元素指示在短直列形式報價。引號根據(jù)語言具有不同的外觀。例如，我們使用“”英語
