HardBirch

谈HTML5和CSS3的国际化支持

时间:11-03-31 栏目:HTML5移动开发 作者:张飞不张,文采横飞 评论:23 点击: 7,740 次

 

    转载请标明出处:蒋宇捷的博客(http://blog.csdn.net/hfahe)

    HTML5CSS3在国际化支持,解决跨文化和语言问题上有了更大的进步,很好的体现了人性化的设计理念。

一、Padding-startpadding-end

    CSS3的属性padding-start,padding-end,用于解决跨语言书写习惯的padding问题。

    当排版是从左到右时,padding-start在左边,padding-end在右边;而排版是右到左时,padding-start在右边,padding-end在左边。这个属性能够解决padding-rightpadding-left在跨书写习惯时的兼容性问题。

-->

    一个使用的例子是Chrome新的设置中心:

-->

    目前主要浏览器的新版本对于Padding-startPadding-End标签的支持程度如下:除IEOpera外都支持(从左到右为IE、Chrome、Firefox、Opera、Safari、QQ浏览器5)。更多细节可以参考https://developer.mozilla.org/en/CSS/-moz-padding-starthttps://developer.mozilla.org/en/CSS/-moz-padding-end

-->

二、box-pack

    CSS3新的盒子模型中有一个属性box-pack,它可以设置为4个值:startendcenterjustifyStartend的使用类似于padding-startpadding-end,因为box-direction属性可以设置盒子排列的顺序,使用start可以更具普遍性和兼容性,就是指和父标签的起始位置对齐。

    目前主要浏览器对于CSS3新盒子模型的支持情况类似于padding-start标签:除IEOpera外都支持。

-->

三、-webkit-locale

    Webkit内核新增加了一个属性:-webkit-locale(之前叫做-webkit-hyphenate-locale,值可以设置为auto或者一个指定区域的字符串,例如“en_us”。这个属性顾名思义,可以指定连字符的显示方式,此属性源于Webkitbug 43467。在iOS 4.2及以上版本平台上效果如下:

-->

    不过此属性还不像hyphenate-character一样,是CSS3草案中的一部分。

    目前它很明显只能在Webkit内核浏览器上使用,尤其是在iOS平台上:

-->

四、Ruby标签

    HTML5提供了Ruby标签, 允许为一个或者多个文本添加附加注释,例如下面的代码:

 

     显示的文本如下:

    Ruby标签在中文、韩文和日文教科书和古文中非常有用,读者们可以方便了解文本的详细读音和含义。

    目前主要浏览器的新版本对于Ruby标签的支持程度如下:除FifrefoxOpera外均提供支持。

-->

 

声明: 本文由( 张飞不张,文采横飞 )原创编译,转载请保留链接: 谈HTML5和CSS3的国际化支持

谈HTML5和CSS3的国际化支持:目前有23 条留言

  1. 23楼
    dungeonsnd:

    如果HTML6诞生于中国软件工程师。。。

    2011-04-02 14:32 [回复]
  2. 22楼
    lfsfxy9:

    [e01]

    2011-04-02 20:51 [回复]
  3. 21楼
    jzjlxm:

    html5真正应用到中国的网站还要十到二十年吧。没有那么快哟。

    2011-04-02 22:21 [回复]
  4. 20楼
    hfahe:

    回复 jzjlxm:PC端3年左右,手机上更短

    2011-04-02 22:35 [回复]
  5. 19楼
    c4lijie:

    [e01] 以其期待HTML5&CSS3,不如期待IE6早日入土

    2011-04-03 12:48 [回复]
  6. 18楼
    like_a_play:

    期待HTML5早日到来…[e01]

    2011-04-03 21:07 [回复]
  7. 17楼
    flatychen:

    [e01]

    2011-04-03 22:51 [回复]
  8. 16楼
    healer_kx:

    Ruby标签,这个名字太误导我了。

    2011-04-04 23:59 [回复]
  9. 15楼
    newtome:

    楼主您好,请问下在不用第三方控件的情况下,有办法使IE8支持圆角功能吗,就像windows7的圆角效果一样。谢谢!

    2011-04-05 01:52 [回复]
  10. 14楼
    rainsilence:

    回复 newtome:用canvas画背景啊

    2011-04-05 12:36 [回复]
  11. ie6不死,html5在中国难有发展

    2011-04-05 14:24 [回复]
  12. 12楼
    hfahe:

    回复 newtome:IE下可使用VML来绘制圆角。

    2011-04-05 18:03 [回复]
  13. 11楼
    yihojimmy:

    为什么要加个QQ浏览器,广告?

    2011-04-06 09:27 [回复]
  14. 10楼
    dm520:

    回复 yihojimmy:看作者简介 腾讯研究院(北京)浏览器前端负责人,曾工作于傲游(Maxthon)任Web后台主管、用友软件,西安交通大学硕士

    2011-04-06 13:54 [回复]
  15. 9楼
    loki2004:

    这名字让我晕了一把![e06]

    2011-04-06 14:26 [回复]
  16. 8楼
    yaohuo12:

    [e01]

    2011-04-06 17:57 [回复]
  17. 7楼
    Joinzheng:

    好强大!

    2011-04-07 08:47 [回复]
  18. 6楼
    itmsn:

    各个浏览器没有统一的标准,html5、css3就免谈。中国人使用计算机到底几个会重视浏览器的,客户只懂的美工漂亮不漂亮,说什么的技术白说,使用新的技术,有各个浏览器不兼容,想推广难!

    2011-04-07 15:39 [回复]
  19. 5楼
    xingxi_200:

    [e01][e01]
    ..

    2011-04-07 19:17 [回复]
  20. 4楼
    lzm198707:

    回复 c4lijie:ie6快点入土吧![e03]

    2011-04-08 10:36 [回复]
  21. 地板
    yinshuangping:

    [e01]

    2011-04-09 15:02 [回复]
  22. 板凳
    snailness:

    回复 newtome:用jquery插件

    2011-04-10 00:50 [回复]
  23. 沙发
    cs405696508:

    [e01][e01]

    2011-04-10 13:36 [回复]

发表评论


QQ群互动

Linux系统与内核学习群:194051772

WP建站技术学习交流群:194062106

魔豆之路QR

魔豆的Linux内核之路

魔豆的Linux内核之路

优秀工程师当看优秀书籍

优秀程序员,要看优秀书!

赞助商广告

友荐云推荐