谈HTML5与CSS3国际化支持.docVIP

HYPERLINK /hfahe/article/details/6293021 \o 谈HTML5和CSS3的国际化支持 谈HTML5和CSS3的国际化支持 分类： HYPERLINK /hfahe/article/category/724858 前端 2011-03-31 23:27 4495人阅读 HYPERLINK /hfahe/article/details/6293021 \l comments#comments 评论(23) HYPERLINK javascript:void(0); \o 收藏 收藏 HYPERLINK /hfahe/article/details/6293021 \l report#report \o 举报 举报 ?? ??转载请标明出处：蒋宇捷的博客(/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在跨书写习惯时的兼容性问题。!--[endif]--? ??一个使用的例子是Chrome新的设置中心：!--[endif]--? ??目前主要浏览器的新版本对于Padding-start和Padding-End标签的支持程度如下：除IE和Opera外都支持(从左到右为IE、Chrome、Firefox、Opera、Safari、QQ浏览器5)。更多细节可以参考 HYPERLINK /en/CSS/-moz-padding-start /en/CSS/-moz-padding-start和 HYPERLINK /en/CSS/-moz-padding-end /en/CSS/-moz-padding-end。!--[endif]--二、box-pack? ??CSS3新的盒子模型中有一个属性box-pack，它可以设置为4个值：start、end、center、justify。Start和end的使用类似于padding-start和padding-end，因为box-direction属性可以设置盒子排列的顺序，使用start可以更具普遍性和兼容性，就是指和父标签的起始位置对齐。? ??目前主要浏览器对于CSS3新盒子模型的支持情况类似于padding-start标签：除IE和Opera外都支持。!--[endif]--三、-webkit-locale? ??Webkit内核新增加了一个属性：-webkit-locale(之前叫做-webkit-hyphenate-locale，值可以设置为auto或者一个指定区域的字符串，例如“en_us”。这个属性顾名思义，可以指定连字符的显示方式，此属性源于Webkit的 HYPERLINK /show_bug.cgi?id=43467 bug 43467。在iOS 4.2及以上版本平台上效果如下：!--[endif]--? ??不过此属性还不像hyphenate-character一样，是CSS3草案中的一部分。? ??目前它很明显只能在Webkit内核浏览器上使用，尤其是在iOS平台上：!--[endif]--四、Ruby标签? ??HTML5提供了Ruby标签, 允许为一个或者多个文本添加附加注释，例如下面的代码：? HYPERLINK /hfahe/article/details/6293021 \o view plain view plain HYPERLINK /hfahe/article/details/6293021 \o copy to clipboard copy to clipboard HYPERLINK /hfahe/article/details/6293021 \o print print HYPERLINK /hfahe/article/details/6293021 \o ? ?pHello,???????ruby??????????rbHTML5/rb??????????rp?(/rp??????????rtHyper?Text?Mark-up?Language?5/rt??????????rp)?/rp??????/ruby??/p???? ? 显示的文本如下：? ??Ruby标签在中文、韩文和日文教科书和古文中非常有用，读者们