淘宝首页PK京东首页,HTML5将开创web前端新纪元

        截图时间是2012-09-05,图上可知淘宝已经更新了前端展现技术,由原来的XHTML转变成了HTML5,而京东则还是原来的XHTML

    所以就好奇的试了下HTML5,测试了HTML5对于css样式的兼容性,测试环境是FF6.0,IE8.0

      

      a.css文件
           .abc,.abc div{
                      border:1px red solid;
                      padding:10px;
           } 
     test.html
          <!doctype html>
                <head>
                <title>learning html5</title>
                <meta charset="utf-8"/>
                <link rel="stylesheet" href="a.css"/>
             </head>
        <body>
                    <div class="abc">
                                html5 next generation markup language
                              <div style="width:80px;height:80px">
                                        hello! 脚本通过DOM树与页面进行相互作用
                                 </div>
                   </div>
        </body>
 
          附上网页运行效果图
 
          同样的代码在ff和ie下显示效果居然相同(padding对于ff和ie是不同的)
          图片
   如果去掉html5的doctype申明,也就是这一句代码<!doctype html>,同样的代码效果显示如图
         图片
 
 
      有图有真相把,哈哈!没有<!doctype html>FF浏览器中的div明显要大一些,初试HTML5,让css hacker情何以堪呐!

 

  

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值