使用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建設網站
當前路徑：http://www.2m8n56k.cn/news2/178852.html

成都網站建設公司_創新互聯，為您提供外貿網站建設、網站導航、商城網站、關鍵詞優化、品牌網站建設、網站收錄

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

使用HTML和CSS建設網站