<aside>和<div>这两个标签具有相同的行为和不同的含义。
● <div>：它在网页中定义或创建分区或部分。
● <aside>： 它通过创建部分或部门来完成同样的工作，但它只包含与主网页相关的内容。
<aside>标签使页面设计变得容易，并增强了HTML文档的清晰度；它使我们能够很容易地识别主文本和次文本。无论是<div>还是<aside>都需要CSS来进行特定的设计。<aside>标签支持HTML中的全局属性和事件属性。
语法：
示例1：
效果图：
示例2：
效果图：
浏览器支持
支持<aside>标签的浏览器
● Google chrome 6.0 及更高版本
● Internet Explorer 9.0 及更高版本
● Mozilla 4.0 及更高版本
● Safari 5.0 及更高版本
● Opera 11.1 及更高版本
更多 web开发 、 web前端课程 的相关知识，请查阅 HTML中文网 ！！
<header>标签
<header>标签定义文档的页眉（介绍信息）
用法：
<header><h1>windyauang的Dreamweaver专栏</h1></header>
<nav>标签
<nav>标签定义导航链接的部分
用法：
<nav>
<ul>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单二</a></li>
<li><a href="#">菜单三</a></li>
<li><a href="#">菜单四</a></li>
</ul>
</nav>
<section>标签
<section>标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分
用法： <section>
<h1>标题一</h1>
<p>文章段落内容</p>
</section>
<article>标签
<article>标签定义外部的内容。 外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。总之，可以理解为article所表示的就是文章内容。
用法：<article>
<a href="#">文章内链接</a><br />
文章内容文章内容文章内容
</article>
<aside>标签
<aside>标签定义article以外的内容。aside的内容应该与article的内容相关，如上图所示，它类似于布局中的辅助侧边栏。
用法： <aside>
<h4>小标题</h4>
段落内容段落内容
</aside>
<footer>标签
<footer>标签定义section或document的页脚。在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息，也就是类似于版权信息的东西。
用法： <footer>
页脚文字，版权信息等
</footer>
整体的Html5代码应该如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<header><h1><a href="#">windyauang的Dreamweaver专栏-Html5布局示范文档</a></h1></header>
<nav>
<ul>
<li><a href="#">菜单一</a></li>
<li><a href="#">菜单二</a></li>
<li><a href="#">菜单三</a></li>
<li><a href="#">菜单四</a></li></ul>
</nav>
<section>
<header>内容标题</header>
<article>文章内容</article>
<footer>文章版权内容</footer>
</section><aside>相关内容</aside>
<footer>页脚、页面版权内容</footer>
</body>
答：
1、article标签是 HTML 5 的新标签。它的内容独立于文档的其余部分，而外部内容可以是来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
2、aside为语义化标签，通常用来描述与文档主体内容不相关的内容。比如，博客文章用atricle标签，而博客旁边的文章信息栏(作者头像、博文分类、作者等级等于博客正文内容无关的)用aside。
百度知道是问答网站，主体就是提问和回答，所以提问回答这边是用article，而右边那个用户信息、升级进度，广告和推荐的知识那些与该问题的回答和提问内容都无关，与主题内容不相关的区域用的就是aside。简单的说aside可用作通用信息展示（信息栏）等。
拓展资料：
1、万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。
2、HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式。
3、许多业内人士表示，HTML将会最终代替多媒体框架，如Adobe的Flash，但是短期看来还不是时候。
4、HTML5估计到2014年才能逐步成熟，而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点，但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5，谷歌于2015年2月26日开始自动将Flash广告转换为HTML5格式，这可能会加速HTML5替代Flash的进程，但是这个转变的过程也不是一蹴而就的。
资料来源：百度百科：HTML5
