隨著html5和CSS3在國(guó)內(nèi)的升溫，我們來(lái)了解一下關(guān)于HTML5和CSS3的國(guó)際化支持。HTML5、CSS3在國(guó)際化支持，解決跨文化和語(yǔ)言問(wèn)題上有了更大的進(jìn)步，很好的體現(xiàn)了人性化的設(shè)計(jì)理念。

51CTO推薦專題：HTML 5 下一代Web開(kāi)發(fā)標(biāo)準(zhǔn)詳解

 一、Padding-start、padding-end CSS3的屬性padding-start, padding-end，用于解決跨語(yǔ)言書寫習(xí)慣的padding問(wèn)題。 當(dāng)排版是從左到右時(shí)，padding-start在左邊，padding-end在右邊;而排版是右到左時(shí)，padding-start在右邊，padding-end在左邊。這個(gè)屬性能夠解決padding-right和padding-left在跨書寫習(xí)慣時(shí)的兼容性問(wèn)題。

一個(gè)使用的例子是Chrome新的設(shè)置中心：

目前主要瀏覽器的新版本對(duì)于Padding-start和Padding-End標(biāo)簽的支持程度如下：除IE和Opera外都支持(從左到右為IE、Chrome、Firefox、Opera、Safari、QQ瀏覽器5)。

二、box-pack CSS3新的盒子模型中有一個(gè)屬性box-pack，它可以設(shè)置為4個(gè)值：start、end、center、justify。Start和end的使用類似于padding-start和padding-end，因?yàn)閎ox-direction屬性可以設(shè)置盒子排列的順序，使用start可以更具普遍性和兼容性，就是指和父標(biāo)簽的起始位置對(duì)齊。 目前主要瀏覽器對(duì)于CSS3新盒子模型的支持情況類似于padding-start標(biāo)簽：除IE和Opera外都支持。

三、-webkit-locale Webkit內(nèi)核新增加了一個(gè)屬性：-webkit-locale(之前叫做-webkit-hyphenate-locale，值可以設(shè)置為auto或者一個(gè)指定區(qū)域的字符串，例如“en_us”。這個(gè)屬性顧名思義，可以指定連字符的顯示方式，此屬性源于Webkit的bug 43467。在iOS 4.2及以上版本平臺(tái)上效果如下：

不過(guò)此屬性還不像hyphenate-character一樣，是CSS3草案中的一部分。 目前它很明顯只能在Webkit內(nèi)核瀏覽器上使用，尤其是在iOS平臺(tái)上：

四、Ruby標(biāo)簽 HTML5提供了Ruby標(biāo)簽, 允許為一個(gè)或者多個(gè)文本添加附加注釋，例如下面的代碼： Hello, HTML5 ( Hyper Text Mark-up Language 5 ) Hello, HTML5 ( Hyper Text Mark-up Language 5 ) 顯示的文本如下： Ruby標(biāo)簽在中文、韓文和日文教科書和古文中非常有用，讀者們可以方便了解文本的詳細(xì)讀音和含義。 目前主要瀏覽器的新版本對(duì)于Ruby標(biāo)簽的支持程度如下：除Fifrefox和Opera外均提供支持。

原文：http://www.mhtml5.com/author/xielisha

【編輯推薦】

1. 技術(shù)分析:HTML 5將改變移動(dòng)互聯(lián)網(wǎng)
2. HTML 5新特性與技巧
3. 學(xué)習(xí)HTML 5的10個(gè)***資源
4. 不得不知HTML 5的10件事
5. AppMobi發(fā)布HTML 5開(kāi)發(fā)工具XDK(免費(fèi)下載)