html语义化标签之结构元素

除了常规的div元素，h5还引入了很多许多语义化的结构元素来配置网页区域。

header元素：包含网页文档或者文档区域的标题；

nav元素：建立一个导航链接区域。nav是块显示模块；

main元素：包含网页文档的主要内容；

footer元素：为网页或者网页区域创建页脚。

接下来一个简单的例子来实践下：

<header>
    <h1>Trillium Media Design</h1>
</header>
    <nav>
        <b>Home &nbsp;Services &nbsp;Contact</b>
    </nav>
    <main>
        <h2>New Media and Web Design</h2>
        <p>Trillium media design,Trillium media design,Trillium media design,Trillium media design,Trillium media design.</p>
    </main>
    <footer>
        <small><i>Copyright &copy;2016 Your Name Here</i></small>
    </footer>

       代码效果图：