结构元素
- header标签:通常被放置在页面或者页面中某个区域元素的顶部,用来介绍内容或者当做导航链接栏,在一个文档中,您可以定义多个<header>元素。
- nav标签:通常表示页面的导航。
- mian标签:文档的主要内容。
- article标签:使用在相对独立、完整的内容模块,一般使用在博客、论坛、新闻报道、用户评论
- section标签:一般用来做内容的分组,比如文章的章节
- aside标签:包含的内容不是页面的主要内容、具有独立性,是对页面的补充。
- footer标签:一般放在页面或者页面的某个区块的底部,包含版权信息、联系方式等。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<header>
<img src="logo.jpg" alt="logo">
<nav>
<a href="">html5</a>
<a href="">css3</a>
<a href="">js</a>
</nav>
</header>
<main>
<article>
<h1>html5+css3</h1>
<p>html5+css3....</p>
<section>
<h4>html5</h4>
<p>html5是html的最新版本........</p>
</section>
<section>
<h4>css3</h4>
<p>css3新特性...........</p>
</section>
</article>
<aside>
<h1>html5结构元素</h1>
<p>headrer、footer、section........</p>
<nav>
<ul>
<li><a href="">html5</a></li>
<li><a href="">css3</a></li>
<li><a href="">js</a></li>
</ul>
</nav>
</aside>
</main>
<footer>
<p>Copyright ©️2019 xxxx公司</p>
</footer>
</body>
</html>