html5 aside的简单用法

53 阅读 0 评论 35 点赞

我是靠谱客的博主大意人生，最近开发中收集的这篇文章主要介绍html5 aside的简单用法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

最近温习了html5的知识点，整理一下aside的用法，虽然平时用的不频繁，我平时很常使用div直接分块，很少这样使用，现在温习了也有所收获。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>aside元素</title>
	</head>
	<body>
		<header>
			<h1>js入门</h1>	
		</header>
		<article>
			<h1>语法</h1>
			<p>文章的正文。。。。</p>
			<aside>
				<h1>名词解释</h1>
				<p>语法：这是重要的语言</p>
			</aside>
		</article>
		<aside>
			<nav>
				<h2>评论</h2>
				<ul>
					<li><a href="#">2015-03-10</a></li>
					<li><a href="#">某某：学习</a></li>
				</ul>
			</nav>
		</aside>
		<time datetime="2015-10-10">2015-10-10</time>
		<time datetime="2015-10-10T20:00">2015-10-10</time>
		<time datetime="2015-10-10T20:00Z">2015-10-10</time>
		<time datetime="2015-10-10T20:00+09:00">2015-10-10</time>
	</body>
</html>