Html5新增语义结构元素：article section aside nav header hgroup footer time

本文主要是介绍Html5新增语义结构元素：article section aside nav header hgroup footer time，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

一个使用如上元素的Html页例子：

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title>Html5新增语义结构元素：article section aside nav header hgroup footer time</title><style>:root{min-width: 1000px;}ul{margin-left: 0;padding-left: 0;}nav ul li {list-style: none;display: inline-block;}nav ul li a{text-decoration: none;background-color: blue;color:#fff;padding:5px 15px ;border-right:1px solid #fff;}.newsheader{margin-bottom: 30px;border-bottom: 2px solid green;}footer{margin-top: 30px;margin-bottom: 30px;text-align: center;border-top:2px solid green;}</style>
</head>
<body>
<nav><ul><li><a href="/">首页</a></li><li><a href="/">企鹅智库</a></li><li><a href="/">企鹅智库</a></li><li><a href="/">首页</a></li><li><a href="/">企鹅智库</a></li><li><a href="/">首页</a></li></ul>
</nav>
<article><header class="newsheader"><hgroup><h1>三大运营商一把手人事大调整 电信联通对调</h1><h3>[摘要]此外，中国电信董事长王晓初和中国联通董事长常小兵或将进行对调。</h3></hgroup><p>郭晓峰 <time datetime="2015-08-24" pubdate="pubdate">2015年08月24日</time></p></header><p>腾讯科技讯（郭晓峰）8月24日消息，疯传已久的三大运营商高层调整终于尘埃落定。中国移动(微博)今日正式对外宣布，工信部副部长尚冰将接替奚国华出任中国移动董事长，奚国华将卸任。</p><aside>附：尚冰个人资料辽宁省经济技术开发公司副总经理、总经理。</aside><section><h3>热门评论</h3><article><header><h4>久伴小花</h4><p><time datetime="2015-08-24T10:08">8月24日10:08</time></p></header><p>只知道移动坑我的手机费越来越多了</p></article><article><header><h4>梦的港湾</h4><p><time datetime="2015-08-24T10:08Z">UTC标准时间8月24日10:08</time></p></header><p>降低资费才是王道，其他都是扯淡！</p></article></section><footer><p><small>Copyright © 1998 - 2015 Tencent. All Rights Reserved</small></p><p><small>腾讯公司 版权所有</small></p></footer></article>
</body>
</html>

效果图：