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=)