HTML5 知识库
苹果新官网上线：大量采用HTML5
阅读:579次
评论:14条
更新时间:2011-09-15
苹果在今天上线了全新的官方网站，新的官方页面采用全新的用户界面并完全使用HTML5技术。这也算是苹果以身试法，将自家官网作为对抗Adobe Flash、宣传HTML5的一个阵地。
苹果一直以来站在Flash与HTML5斗争的前沿，杜绝Flash出现在iPhone、iPod touch和iPad上，声称Flash技术太过陈旧，如果在iOS平台上支持该程序会降低设备的电池续航时间等等。
今天，完全采用HTML5技术并摒弃Flash的新官网的上线是苹果迈出的重要一步。苹果官网的一个重要改进就是升级了导航栏，点击原本深色的搜索框之后，该搜索框会扩展至更长，并提供白色区域供用户输入较长的搜索关键词。
另外一个明显的变化之处就是产品幻灯片显示，不过当前只在Mac和iPod目录下采用了这一新的显示方式。原本的滑动条被动画标签所替代，比如在Mac目录下，你可以点击“Mac”、“Applications”、“Accessories”、“Server”中的某一个标签，页面就会以动感的形式为你列出各标签下的产品。
采用HTML5技术后的苹果官网感觉比之前更加快速，它还采用HTML5 video来显示产品广告视频，当然了，想要看这些视频你需要使用一款支持HTML5的浏览器。
苹果一直以来站在Flash与HTML5斗争的前沿，杜绝Flash出现在iPhone、iPod touch和iPad上，声称Flash技术太过陈旧，如果在iOS平台上支持该程序会降低设备的电池续航时间等等。
今天，完全采用HTML5技术并摒弃Flash的新官网的上线是苹果迈出的重要一步。苹果官网的一个重要改进就是升级了导航栏，点击原本深色的搜索框之后，该搜索框会扩展至更长，并提供白色区域供用户输入较长的搜索关键词。
另外一个明显的变化之处就是产品幻灯片显示，不过当前只在Mac和iPod目录下采用了这一新的显示方式。原本的滑动条被动画标签所替代，比如在Mac目录下，你可以点击“Mac”、“Applications”、“Accessories”、“Server”中的某一个标签，页面就会以动感的形式为你列出各标签下的产品。
采用HTML5技术后的苹果官网感觉比之前更加快速，它还采用HTML5 video来显示产品广告视频，当然了，想要看这些视频你需要使用一款支持HTML5的浏览器。
您还没有登录,请您登录后再发表评论
14 楼 dongya1987 2011-01-28 16:43
13 楼 zyf0413 2011-01-28 16:28
12 楼 loamy 2011-01-28 16:23
11 楼 ruvuoai 2011-01-28 15:33
10 楼 adventurelw 2011-01-28 15:15
9 楼 qrg 2011-01-28 14:48
谷歌浏览器打开，快的要死
用Firefox瞬间打卡，IE特别卡。
另外也没有看到，search的编辑栏，当focus进去以后会变长啊！
编辑骗人！
8 楼 kevinwong 2011-01-28 13:52
7 楼 不复记忆 2011-01-28 11:56
6 楼 Dreamer 2011-01-28 10:19
5 楼 LubinJava 2011-01-28 09:46
谷歌浏览器打开，快的要死
呵,刚试过了,的确是这样的效果.
4 楼 yhjhoo 2011-01-28 09:25
谷歌浏览器打开，快的要死
3 楼 weiqingfei 2011-01-27 17:06
确定你的浏览器能支持HTML5 然后在打开网页点mac的时候能看到一个动画 挺不错的
html5标准里就有video这一项，按照apple的站队，应该使用h.264，我用的chrome，现阶段是支持h.264的，看来apple为了推广其quicktime，还没有在网站上对于视频没有用html5标准。
2 楼 liukai 2011-01-27 15:05
确定你的浏览器能支持HTML5 然后在打开网页点mac的时候能看到一个动画 挺不错的
1 楼 weiqingfei 2011-01-27 14:27