使用HTML和CSS建設網(wǎng)站

2022-07-15    分類： 網(wǎng)站建設

使用HTML和CSS擁抱本地化和多語言內容  創(chuàng)新互聯(lián)  13933871221

隨著Shopify擴展到更多國家/地區(qū)，我們有時會遇到設計和開發(fā)文化上的差異。UI（用戶界面）的國際化使目標受眾更容易進行本地化，而HTML和CSS也可以成為強大的工具，使我們能夠同時實現(xiàn)本地化和國際化。

對于設計師而言，挑戰(zhàn)在于設計內容時要考慮本地化，同時要考慮諸如文本方向或本地語言字符等方面。對于開發(fā)人員而言，挑戰(zhàn)在于以最少的代碼輸入實現(xiàn)這些方面。

在本文中，我們著眼于六個注意事項，它們將幫助您在構建本地化產(chǎn)品時達到這兩個要求。

另外，一定要檢查一下偽本地化如何幫助您為國際化構建。

通過Shopify合作伙伴計劃發(fā)展您的業(yè)務

無論您提供市場營銷，定制服務還是網(wǎng)站設計和開發(fā)服務，Shopify合作伙伴計劃都將助您成功。免費加入并獲得收益分享機會，發(fā)展業(yè)務的工具以及充滿激情的商業(yè)社區(qū)。

1.寫作模式
html本地化：垂直
垂直顯示字符的中國旅游區(qū)標志。
writing-mode: vertical-lr;
該writing-mode屬性設置內容的書寫方向，例如，水平或垂直。

當設計通過應用垂直放置的內容時，writing-mode: vertical-lr與拉丁語腳本（包括阿拉伯數(shù)字和表示法）相反，東方語言腳本中的字符不會旋轉。在日本的Shopify合作伙伴特權頁面上，從更改transform: rotate(90deg)為writing-mode: vertical-lr，為日語用戶創(chuàng)建正確的顯示，并且仍然保持英語語言環(huán)境不變。

html本地化：旋轉
使用transform旋轉日語字符：transform: rotate(90deg)。
html本地化：lr
使用垂直書寫模式旋轉日語字符：writing-mode: vertical-lr;。
出于純裝飾目的，writing-mode仍然提供sideways-lr和sideways-rl，其結果與transform: rotate(90deg)和相同transform: rotate(-90deg)。當前僅在Firefox中支持側寫模式。

日語和漢語的傳統(tǒng)內容應從右到左排列。陳慧晶展示了中國字體在傳統(tǒng)垂直布局和現(xiàn)代水平布局之間的轉換，以突顯它們之間的差異。寫作模式旨在處理內容顯示中的文化差異，這對于本地化很重要。

您可能還會喜歡： 創(chuàng)建多語言數(shù)字產(chǎn)品的技巧。

2. ch長度單位
max-width: 20ch;
的chCSS長度單位表示字形“0”的1米半角形式字符寬度。由于東方語言的特性，字符始終具有固定的寬度，包括注解，這被稱為全角形式。當ch應用于文本寬度時，全角字符占2ch一個字符，而拉丁字符半角形式的兩個字符則占兩個字符。

html本地化：字符
中國傳統(tǒng)詩歌，以豎向從右到左的方式寫成，每列最多包含10個漢字。

在典型的英語排版中，每行少于60個字符為佳，這對于東部語言而言，全寬度形式則意味著每行30個字符。比較像素值時，該ch單位適用于所有字體大小，對于在斷點之間更改字體大小的響應式布局很有用。為了排版目的，控制字符數(shù)也更加容易。

3.引號和多語種內容
こんにちは世界
的HTML元素指示在短直列形式報價。引號根據(jù)語言具有不同的外觀。例如，我們使用“”英語

當前標題：使用HTML和CSS建設網(wǎng)站
分享地址：http://bm7419.com/news/178852.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、動態(tài)網(wǎng)站、移動網(wǎng)站建設、網(wǎng)站內鏈、標簽優(yōu)化、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

微信小程序開發(fā)