使用HTML和CSS擁抱本地化和多語言內(nèi)容 創(chuàng)新互聯(lián) 13933871221
隨著Shopify擴展到更多國家/地區(qū),我們有時會遇到設(shè)計和開發(fā)文化上的差異。UI(用戶界面)的國際化使目標受眾更容易進行本地化,而HTML和CSS也可以成為強大的工具,使我們能夠同時實現(xiàn)本地化和國際化。
對于設(shè)計師而言,挑戰(zhàn)在于設(shè)計內(nèi)容時要考慮本地化,同時要考慮諸如文本方向或本地語言字符等方面。對于開發(fā)人員而言,挑戰(zhàn)在于以最少的代碼輸入實現(xiàn)這些方面。
在本文中,我們著眼于六個注意事項,它們將幫助您在構(gòu)建本地化產(chǎn)品時達到這兩個要求。
另外,一定要檢查一下偽本地化如何幫助您為國際化構(gòu)建。
通過Shopify合作伙伴計劃發(fā)展您的業(yè)務(wù)
無論您提供市場營銷,定制服務(wù)還是
網(wǎng)站設(shè)計和開發(fā)服務(wù),Shopify合作伙伴計劃都將助您成功。免費加入并獲得收益分享機會,發(fā)展業(yè)務(wù)的工具以及充滿激情的商業(yè)社區(qū)。
1.寫作模式
html本地化:垂直
垂直顯示字符的中國旅游區(qū)標志。
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ù)語言具有不同的外觀。例如,我們使用“”英語
當(dāng)前標題:使用HTML和CSS建設(shè)網(wǎng)站
分享地址:http://www.rwnh.cn/news/178852.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、動態(tài)網(wǎng)站、移動網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、標簽優(yōu)化、企業(yè)建站
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源:
創(chuàng)新互聯(lián)