这篇文章将为大家详细讲解有关HTML5新增了哪些结构元素，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
HTML5 新增的主体结构元素：
article 元素
section 元素
nav
aside元素
time元素
pudate属性
元素详解：
article 元素
可以内嵌 ，可以表示插件
<article>
<h2>这是一个内嵌页面</h2>
<object>
<embed src="#" width = "600" height = "400"</embed>
</object>
</article>section 元素
通常不推荐没有标题内容使用section元素
不要与article元素混淆
总结：不要将section元素作为设置样式的页面容器
如果article、aside、nav元素更符合使用条件，那不要说seciton元素
没有标题内容的，不要使用section元素
nav
用作页面导航的连接组，其中的导航元素连接到其他页面或当前页面的其他部分。将主要的、基本的连接组放进nav元素即可
应用场景：
传统导航条
侧边栏导航
页内导航
翻页操作
html5中不要使用menu 元素代替 nav元素
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<nav>
<ul>
<li><a href = "#">主页</a></li>
<li><a href = "#">开发文档</a></li>
</ul>
</nav>
<article>
<header>
<h2>html5和css3的历史</h2>
<nav>
<ul>
<li><a href = "#">HTML5历史</a></li>
<li><a href = "#">CSS3历史</a></li>
</ul>
</nav>
</header>
<section>
<h2>HTML5历史</h2>
<p>....</p>
</section>
<section>
<h2>css3历史</h2>
<p>....</p>
</section>
<footer>
<a href = "#">删除</a>
<a href = "#">修改</a>
</footer>
</article>
<footer>
<p><small>版权声明：</small></p>
</footer>
</body>
</html>aside元素
表示当前页面或者文字的附属信息部分
包含先关的引用、侧边栏、逛逛、导航条等
<html>
<head>
<meta charset="UTF-8">
<title>aside元素</title>
</head>
<body>
<header>
<h2>js入门</h2>
</header>
<article>
<h2>语法</h2>
<p>文章的正文。。。。。。</p>
<aside>
<h2>名词解释</h2>
<p>这是一个对语言来说很重要的内容体</p>
</aside>
</article>
<aside>
<nav>
<h3>评论</h3>
<ul>
<li><a href = "#">2015-3-10</a></li>
<li><a href = "#" >大牛：真希望可以好好的学习一下</a></li>
</ul>
</nav>
</aside>
</body>
</html>time元素
24小时
<html>
<head>
<meta charset="UTF-8">
<title>Time元素</title>
</head>
<body>
<time datatime = "2017-10-09">2017-10-09</time>
<time datatime = "2017-10-09T20:00">2017-10-09</time>
<time datatime = "2017-10-09T20:00Z">2017-10-09</time>
<time datatime = "2017-10-09T20:00Z+09:00">2017-10-09</time>
</body>
</html>pudate属性
<html>
<head>
<meta charset="UTF-8">
<title>update属性</title>
</head>
<body>
<article>
<header>
<h2>苹果</h2>
<p>发布日期
<time datetime="2017-10-09" pubudate>2015-10-09</time></p>
<p>舞会时间
<time datetime ="2015-10-09">2015-10-09</time></p>
</header>
</article>
</body>
</html>关于HTML5新增了哪些结构元素就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
