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>邮箱:123654@qq.com</li>
</ul>
</footer>
</body>
</html>
人生没有白走的路,每一步都算数!