html5代码结构和之前的HTML代码结构的区别！

html5代码结构
　　我们来看一下html4中常见的一种页而结构，代码如代码清单如下所示：
    代码清单div标签示例(用html4代码实现)

--------------------------------------------------------------------------------

　　<div id="header">…</div>
　　<div id="nav">…</div>
　　<div class="aritcle">
　　</div>
　　<div id="side_bar"></div>
　　<div id="footer"></div>

--------------------------------------------------------------------------------

 页面中有关该部分的结构示意图如图所示

那么，在HTML5代码中，又会用怎样的页面代码来描述这种结构呢?具体如代码清单所示：
    代码清单1—4 HTML 5中的新型结构示例

--------------------------------------------------------------------------------
　　<header>…</header>
　　<nav>…</nav>
　　<aritcle>
　　</aritcle>
　　<aside>…</aside>
　　<footer>…</footer>

--------------------------------------------------------------------------------

　　怎么样，看出区别来厂吗?在第一个示例中，我们可以看见，在HTML4中的一段＆#106avascript代码·在HTML5中消失了，取而代之的是一个在HTML 5中新出现的属性。在第二个示例中，我们可以看见，~EHTML4中常见的用div来划分页面结构的方法，到了HTML5中新出现的标签给替代了。那么究竟为什么HTML5要对HTML4的脚本以及页面代码做这种修改呢?做这种修改的目的又是什么呢?看下篇教程讲解。