章节标签：表示文章的层级
全局属性：所有标签都有的属性
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
<style>
.middle{
background: black;
color: white;
}
.bordered {
border: 10px solid red;
}
#xxx{
border: 10px solid yellow;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<header id="xxx" style="border: 10px solid green" title="远远地回首过去的自己无限感伤">
<!-- 此处的style为HTML覆盖了17行的CSS，同样JS也会覆盖HTML -->
顶部广告:命运的转轮不停地旋转
但是我一直守候你
为何我如此三生有幸
每见到水平线 便有莫名哀伤
</header>
<div class="middle bordered">
<main>
<h1>文章标题</h1>
<section>
<section>
<h2>第一章</h2>
<p>不要认输</p>
</section>
<section>
<h2>第二章</h2>
<p>摇曳的思念</p>
</section>
</section>
</main>
<aside>
参考资料 1 2 3
</aside>
</div>
<footer>© 饥人谷版权所有</footer>
</body>
</html>
原文：https://www.cnblogs.com/kino404/p/13287989.html