??轉載請標明出處：蔣宇捷的博客(http://blog.csdn.net/hfahe) ? HTML5、CSS3在國際化支持，解決跨文化和語言問題上有了更大的進步，很好的體現了人性化的設計理念。 **一、Padding-start、padding-end** ??CSS3的屬性padding-start,padding-end，用于解決跨語言書寫習慣的padding問題。 ??當排版是從左到右時，padding-start在左邊，padding-end在右邊；而排版是右到左時，padding-start在右邊，padding-end在左邊。這個屬性能夠解決padding-right和padding-left在跨書寫習慣時的兼容性問題。  ??一個使用的例子是Chrome新的設置中心：  ??目前主要瀏覽器的新版本對于Padding-start和Padding-End標簽的支持程度如下：除IE和Opera外都支持(從左到右為IE、Chrome、Firefox、Opera、Safari、QQ瀏覽器5)。更多細節可以參考[https://developer.mozilla.org/en/CSS/-moz-padding-start](https://developer.mozilla.org/en/CSS/-moz-padding-start)和[https://developer.mozilla.org/en/CSS/-moz-padding-end](https://developer.mozilla.org/en/CSS/-moz-padding-end)。  **二、box-pack** ??CSS3新的盒子模型中有一個屬性box-pack，它可以設置為4個值：start、end、center、justify。Start和end的使用類似于padding-start和padding-end，因為box-direction屬性可以設置盒子排列的順序，使用start可以更具普遍性和兼容性，就是指和父標簽的起始位置對齊。 ??目前主要瀏覽器對于CSS3新盒子模型的支持情況類似于padding-start標簽：除IE和Opera外都支持。  **三、-webkit-locale** ??Webkit內核新增加了一個屬性：-webkit-locale(之前叫做-webkit-hyphenate-locale，值可以設置為auto或者一個指定區域的字符串，例如“en_us”。這個屬性顧名思義，可以指定連字符的顯示方式，此屬性源于Webkit的[bug 43467](https://bugs.webkit.org/show_bug.cgi?id=43467)。在iOS 4.2及以上版本平臺上效果如下：  ??不過此屬性還不像hyphenate-character一樣，是CSS3草案中的一部分。 ??目前它很明顯只能在Webkit內核瀏覽器上使用，尤其是在iOS平臺上：  **四、Ruby標簽** ??HTML5提供了Ruby標簽, 允許為一個或者多個文本添加附加注釋，例如下面的代碼： <p>Hello, <ruby> <rb>HTML5</rb> <rp> (</rp> <rt>Hyper Text Mark-up Language 5</rt> <rp>) </rp> </ruby></p> 顯示的文本如下：  ??Ruby標簽在中文、韓文和日文教科書和古文中非常有用，讀者們可以方便了解文本的詳細讀音和含義。 ??目前主要瀏覽器的新版本對于Ruby標簽的支持程度如下：除Fifrefox和Opera外均提供支持。