<Header> 显示网站名称、主题、或者主要信息
<nav> 网店的链接菜单
<aside> 用于边侧栏
<article> 用于定义主内容区
<section> 用于放置文章的内容
<footer> 位于网页的底部、用来放置版权声明、作者等信息。
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>背包客旅行札记</title>
</head>
<body>
<header id="header" class="">
<hgroup>
<h1>背包客旅行札记</h1>
<h4>旅行是一种休息,而休息是为了走更长的路</h4>
</hgroup>
<nav>
<ul>
<li><a href="#" title="">关于背包客</a></li>
<li class="current-item"><a href="#">国内旅游</a></li>
<li><a href="#">国外旅游</a></li>
<li><a href="#">与我联络</a></li>
</ul>
</nav>
</header><!-- /header -->
<article id="travel">
<section>
<h2>hello word !</h2>
<p>四季都是适合旅行的季节</p>
<p>不一定要大花钱,做点功课和多点自信,就能享受旅行的美好</p>
</section>
<aside>
<img src="img/photo.jpg" alt="悠闲">
</aside>
</article>
<footer>
HTML5 网页练习
</footer>
</body>
</html>
HTML 是用来显示网页的结构和内容、至于网页的美化的部分,就交给CSS来设置。