容器元素
容器元素:该元素代表一个块区域,内部用于放置其他元素
div元素
没有语义
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div>
<div>
<img src="" alt="">
</div>
<div>
<ul>
<li>Lorem.</li>
<li>Velit.</li>
<li>Soluta.</li>
<li>Omnis?</li>
</ul>
</div>
</div>
<div>
</div>
<div>
</div>
</body>
</html>
语义化容器元素
header: 通常用于表示页头,也可以用于表示文章的头部
footer: 通常用于表示页脚,也可以用于表示文章的尾部
article: 通常用于表示整篇文章
section: 通常用于表示文章的章节
aside: 通常用于表示侧边栏
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<header>
<div>
<img src="" alt="">
</div>
<div>
<ul>
<li>Lorem.</li>
<li>Velit.</li>
<li>Soluta.</li>
<li>Omnis?</li>
</ul>
</div>
</header>
<article>
<header>
<h1>CODING 告诉你硅谷的研发项目管理之道(3)</h1>
<div>
</div>
</header>
<section>
<p>Lorem ipsum dolor sit, ame