使用HTML和CSS建設(shè)網(wǎng)站
2022-07-15 分類： 網(wǎng)站建設(shè)
使用HTML和CSS擁抱本地化和多語言內(nèi)容 創(chuàng)新互聯(lián) 13933871221
隨著Shopify擴(kuò)展到更多國家/地區(qū)，我們有時會遇到設(shè)計和開發(fā)文化上的差異。UI（用戶界面）的國際化使目標(biāo)受眾更容易進(jìn)行本地化，而HTML和CSS也可以成為強(qiáng)大的工具，使我們能夠同時實現(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合作伙伴計劃都將助您成功。免費加入并獲得收益分享機(jī)會，發(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ù)語言具有不同的外觀。例如，我們使用“”英語
網(wǎng)站欄目：使用HTML和CSS建設(shè)網(wǎng)站
當(dāng)前路徑：http://m.2m8n56k.cn/news2/178852.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、商城網(wǎng)站、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站建設(shè)、網(wǎng)站收錄
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 網(wǎng)站推廣公司眾多，人們應(yīng)該如何選擇？ 2022-07-15
- 網(wǎng)站建設(shè)好后怎樣寫一個符合優(yōu)化網(wǎng)站的標(biāo)題 2022-07-15
- 網(wǎng)絡(luò)營銷如何擁有更多的客戶 2022-07-15
- 如何讓你的微信好友蹭蹭蹭的往上漲！ 2022-07-15
- 北京網(wǎng)站建設(shè)報價 - 網(wǎng)站制作收費標(biāo)準(zhǔn) 2022-07-15
- 成都h5wap網(wǎng)站制作 2022-07-15
- 成都高端網(wǎng)站制作的具體流程 2022-07-15
- 只給有銷量的產(chǎn)品添加序號 2022-07-15
- 成都網(wǎng)絡(luò)開發(fā)公司 2022-07-15
- 建設(shè)企業(yè)網(wǎng)站應(yīng)該注意哪些問題? 2022-07-15
- 企業(yè)建設(shè)網(wǎng)站所起作用之八大優(yōu)點 2022-07-15
- 成都高端網(wǎng)站建設(shè)基礎(chǔ)常識 2022-07-15
- 成都網(wǎng)站建設(shè)之外包的常見問題及解決 2022-07-15
- 企業(yè)網(wǎng)站優(yōu)化致使排名下降的因素有哪些 2022-07-15
- 排名前五頁的網(wǎng)站關(guān)鍵詞如何快速進(jìn)入首頁？ 2022-07-15
- 面對關(guān)鍵詞排名的危險期要如何應(yīng)對 2022-07-15
- 網(wǎng)站提高客戶終身價值的4種方法 2022-07-15
- 要想發(fā)布高質(zhì)量外鏈，必須遵循三個原則 2022-07-15
- 六種成都網(wǎng)站優(yōu)化文章偽原創(chuàng)的方法 2022-07-15