HTML|頁面結構分析
1.元素
- header：标題頭部區域的内容（用于頁面或頁面中的一塊區域）
- footer：标記腳部區域的内容（用于整個頁面或頁面的一塊區域）
- section：Web頁面中的一塊獨立區域
- article：獨立的文章内容
- aside：相關内容或應用（常用于側邊欄）
- nav：導航類輔助内容
2.舉例
假如我們要寫一個淘廢品的網站：
- 在網頁的頭部寫上淘廢網和官方網址。
- 網頁的主體部分寫上廢品清單
- 網頁的腳部寫上聯系方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>頁面結構分析</title>
</head>
<body>
<!--
網頁主題部分：header
我們這裡假如寫一個淘廢網
-->
<header>
<h1>淘廢網 www.taofei.com</h1>
<hr/>
</header>
<!--
主體部分：section
我們假如主體就是廢品的清單
-->
<section>
<h4>廢品</h4>
<ul>
<li>爛冰箱</li>
<li>爛電視</li>
<li>爛洗衣機</li>
</ul>
<hr/>
</section>
<!--
網頁腳部：footer
假如腳部我們寫一下收廢品的聯系方式的清單
-->
<footer>
<h4>聯系方式：</h4>
<ul>
<li>電話号碼：9999</li>
<li>郵箱：[email protected]</li>
</ul>
</footer>
</body>
</html> ![JAVA 系列——>開發工具IntelliJ IDEA的安裝以及配置、快捷鍵IDEA 簡介[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)