HTML5 移动开发（HTML5标签和属性）

浏览数：22 / 时间：2015年06月11日

第一阶
   1.如何使用HTML5中的新标签及属性
   2.HTML5中的其它变化
   3.HTML5的移动支持
   4.使用HTML5开发移动WEB引用的理由

   第二阶
   HTML5为HTML规范加入了一些新的特性，其中最容易理解的就是新的标签。它们过去从未成为HTML的一部分，但现在却是HTML元素了。
   大部分新标签被称为“分节”元素，它们为HTML文档布局分段提供语义。
   部分如下：
    <article>       文档或站点的一个独立部分
   <aside>         页面或者主题之外的内容
   <figcaption>    figure元素的标题
    <figure>        独立于文本流之外的一段刘内容（如图形，图标等）
   <footer>        文档或章节的页脚
   <header>        文档或章节的页眉
   <hgroup>        标题组
   <nav>           导航部分
   <section>       无法被以上类型定义的普通章节

<div id="main">
    <div id="header">头部</div>
    <div id="nav">导航</div>
    <div id="contents">文本区</div>
    <div id="footer">底部</div>
</div>

<section id="main">
    <header>头部</header>
    <nav>导航</nav>
    <section id="contents">文本区</section>
    <footer>底部</footer>
</section>






<canvas id="simple-square" width="800" height="800px"></canvas>
<script type="text/javascript">
   function drawSqurare () {
       var canvas = document.getElementById( ‘simple-square‘ );
       if ( canvas.getContext ) {
           var context = canvas.getContext( ‘2d‘ );
           context.fillStyle = "rgb(13, 118, 208)";
           context.fillRect (2, 2, 798, 798);
       } else {
           alert( "麻烦你去升级一下你的浏览器！别让我再看到你！" );
       }
   }
</script>