这是一个简短的介绍新的HTML5结构元素的工作草案，和如何使用语义类的名称在HTML4.01或XHTML1标记对应于这些结构元素的名称。通过这样做，你会开始了解如何使用新的元素也在某种程度上使用普通语义HTML标签。
前言
HTML5将是第一个自XHTML1.0发布以来发布的网页标准语言，而HTML4.01，是在年发布的，你可以看到HTML5的工作草案在0年将彻底定稿，W3CHTML工作组和WHATWG已经作为代表，开放了一些借口和用法出来，各大浏览器厂商纷纷响应，声称自家的浏览器支持HTML5所有属性和方法，这是一个好的趋势。
HTML5中添加很多语义化的新标签，这样更容易理解网页的代码，同时也帮助搜索引擎了解网站的结构，更好的收录，同样W3C的文件也更好理解了。
hadr标签
hadr标签是一个网页或者一个区域内的标题，不可与以前的头部混淆，这往往只是一个标识标记，它也应该包含一个h1-h6的分层等级，它也可以包含一些元信息的网页或一段关于最近更新的列表，文章版本号、或者博客作者、出版日期等信息。
一个简单的例子，一个页面使用语义化CLASS的网页网页结构：
divclass="hadr"h1PagTitl/h1/div
你可以包括标志标记和其他元数据层内。博客文章下面的例子包括作者和出版日期信息（以及作为一个例子的引用区域和文章语义类名称的元素）：
divclass="sction"divclass="articl"divclass="hadr"h1PagTitl/h1pByahf="*"Author/aon[dat]/p/div[Articlcontnt…]/divdivclass="articl"[Rpatasquid…]/div/div
nav标签
nav元素应该包含一组导航链接，或者到其他页面，或在当前页面片段标识符。引用它的语义类的名字很简单：
divclass="nav"ulliahf="#"Mnuitm1/a/liliahf="#"Mnuitm/a/li[Rpatasquid…]/ul/div
sction标签
sction元素定义了一段一个页或不同的内容。它通常有一个标题和可能页脚。这是我们如何能够代表它使用语义类的名称：
divclass="sction"divclass="hadr"hSctionTitl/h/div[Sctioncontnt…]/div
我也一直在使用divclass="sction"定义一组层，是相关的（如新闻事件）。在这样的一个例子，这些小节将嵌套，每个都有自己的h1-h6在等级秩序的维护层次。比如说：
divclass="sction"divclass="hadr"hNwsandEvnts/hpThlatstannouncmntsandup