中東
網站建設市場正在快速增長，因此該地區對網頁設計開發的需求也在快速增長。然而不同的是，中東國家要求設計不僅符合他們的需求，讓他們的用戶感到舒適，而且還適合他們的語言標準，這使得認真的適應過程非常重要。假定中東地區所說的大多數語言是從右向左書寫和閱讀的(例如阿拉伯語、希伯來語和烏爾都語)，開發人員在用這些語言創建產品時經常會面臨一系列問題。
雖然這看起來沒什么大不了的，但是從右向左(RTL)語言的IT開發需要注意一些特性。RTL市場相對較新，沒有多少資源可以幫助開發商，這一事實使情況變得更加復雜。我們在RTL開發方面的經驗使我們能夠編制一份完整的提示列表，這對任何開發RTL產品(如網站或移動應用程序)的人都很有用。通過嚴格遵循這些提示，您應該能夠在RTL開發的挑戰水域中航行，并交付一個功能性的、用戶友好的結果。
首先，界面必須從右向左翻轉。你可能會認為這是一個相當“呃”的建議，但是我們不能忽視它，因為它實際上是要做的第一件事。有幾種方法可以實現這一點。
1.使用DIR屬性或CSS
如果基本標記是用浮動塊構建的，它將類似于下面的例子。為長期關系設計，注意款式。在這種情況下，帶有徽標的鏈接將固定在左側，帶有login-container往右。為RTL設計，一旦你分配了body標記到dir="rtl屬性，整個標記將被鏡像，將徽標放在右邊login-container往左。然后，相反的屬性將應用于帶有float-left或者float-right班級。
因為文本方向在語義上與內容而不是表現形式聯系在一起，所以我們建議web開發人員盡可能使用dir屬性，而不是與其相關的CSS屬性。這樣，即使在不支持CSS的瀏覽器中(或者在關閉了CSS支持的瀏覽器中)，文本也可以正常顯示。使用此屬性，您可以水平鏡像圖像、重新分配字體、將文本與頁面的任意一邊對齊等。然而，手工方式是相當勞動密集型的。有一些工具可以自動組裝RTL風格，我們將在本文稍后介紹。同時，我們將描述另一種處理標記方向變化的方法。
2.使用FLEXBOX
Flexbox在開發人員中很受歡迎有幾個原因。它不僅在調整頁面元素和其他位的對齊方式時提供了靈活性，而且還消除了為RTL開發重新分配樣式的需要。有關更多詳細信息，請參見下面的代碼片段。{display: grid;} property(把它想象成一個兩列三行的表格)。從頂部看:標題占據了整個屏幕的寬度，側邊欄在左邊，而主要內容和頁腳在右邊，一個在另一個下面。
盡管使用表格構建布局現在還不流行，但是它們仍然會將流向構建為一個組件，就像前面的例子一樣，這意味著當您添加dir="rtl"標記，列將從右邊開始，從右向左移動。所有表格元素都將遵循這個方向，除非事先明確定義了方向。
3.格式化文本
盡最大努力避免使用大膽的和斜體字。在大多數RTL語言(尤其是阿拉伯語)中，粗體文本會使可讀性變得極其困難，而斜體則根本不會被使用。同樣，大寫字母在RTL語言中幾乎總是被忽略。確保所有文本都向右對齊，并且字體和字體大小調整正確(更好的是，自定義它們)，因為拉丁字體往往會對阿拉伯語的可讀性產生不良影響。
實際上，處理字體的最好方法是和你的客戶交談(當然，假設他們會說這種語言)。事實是，像阿拉伯語這樣的語言往往有大量的口語和書面語變體，如果你正在制作一個專門迎合某些地區的產品，它應該真正顯示那里使用的語言版本。如果你覺得這件事有趣，關于阿拉伯文字系統的歷史信息是可以得到的這里。
