这两天在学习HTML5新属性时遇到了如下问题，很是不解：

例如在学习使用canvas时，需要绘制一个红色的原点，代码如下：

1  2  3      4         
      5          6      7  8      9         
     10         
     
      11             Your browser does not support the canvas element.12         
     13         14         
     15         24 25     26 27 

效果如下：

但是，如果将js代码放置在head部分，效果就出不来了：

            
                             
                                     
             
     
                  Your browser does not support the canvas element.        
                 

效果如下：

真实郁闷啊，是我哪里搞错了吗？浏览器版本：