职业IT人-IT人生活圈

 找回密码
 成为会员
搜索
查看: 1288|回复: 1

HLML

[复制链接]
243326087 发表于 2012-3-16 20:41 | 显示全部楼层 |阅读模式
随着html5和CSS3在国内的升温,我们来了解一下关于HTML5和CSS3的国际化支持。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)。

二、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。在iOS 4.2及以上版本平台上效果如下:

不过此属性还不像hyphenate-character一样,是CSS3草案中的一部分。 目前它很明显只能在Webkit内核浏览器上使用,尤其是在iOS平台上:

四、Ruby标签 HTML5提供了Ruby标签, 允许为一个或者多个文本添加附加注释,例如下面的代码: Hello, HTML5 ( Hyper Text Mark-up Language 5 ) Hello, HTML5 ( Hyper Text Mark-up Language 5 ) 显示的文本如下: Ruby标签在中文、韩文和日文教科书和古文中非常有用,读者们可以方便了解文本的详细读音和含义。 目前主要浏览器的新版本对于Ruby标签的支持程度如下:除Fifrefox和Opera外均提供支持。
奔跑着 发表于 2012-7-16 16:49 | 显示全部楼层
中关村北大青鸟新开设学士后JAVA、安卓专业预科班,欢迎同学咨询,报名。咨询电话82503866  http://blog.sina.com.cn/s/blog_5ce5700e01015yzp.html

您需要登录后才可以回帖 登录 | 成为会员

本版积分规则

QQ|手机版|小黑屋|网站帮助|职业IT人-IT人生活圈 ( 粤ICP备12053935号-1 )|网站地图
本站文章版权归原发布者及原出处所有。内容为作者个人观点,并不代表本站赞同其观点和对其真实性负责,本站只提供参考并不构成任何投资及应用建议。本站是信息平台,网站上部分文章为转载,并不用于任何商业目的,我们已经尽可能的对作者和来源进行了通告,但是能力有限或疏忽造成漏登,请及时联系我们,我们将根据著作权人的要求立即更正或者删除有关内容。

GMT+8, 2024-3-29 00:32 , Processed in 0.118145 second(s), 21 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表