結(jié)構(gòu)元素
- header標簽:通常被放置在頁面或者頁面中某個區(qū)域元素的頂部线梗,用來介紹內(nèi)容或者當(dāng)做導(dǎo)航鏈接欄,在一個文檔中指蚁,您可以定義多個<header>元素厕九。
- nav標簽:通常表示頁面的導(dǎo)航。
- mian標簽:文檔的主要內(nèi)容除师。
- article標簽:使用在相對獨立沛膳、完整的內(nèi)容模塊,一般使用在博客汛聚、論壇锹安、新聞報道、用戶評論
- section標簽:一般用來做內(nèi)容的分組贞岭,比如文章的章節(jié)
- aside標簽:包含的內(nèi)容不是頁面的主要內(nèi)容八毯、具有獨立性,是對頁面的補充瞄桨。
- footer標簽:一般放在頁面或者頁面的某個區(qū)塊的底部话速,包含版權(quán)信息、聯(lián)系方式等芯侥。
<!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結(jié)構(gòu)元素</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>