html标题标签h1-h6的使用
1、<h1>标签不能重复使用，下面这样是不可以的
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题使用</title>
</head>
<body>
<div>
<h1>主标题</h1>
正文一
</div>
<div>
<h1>二级标题</h1>
正文一
</div>
<div>
<h1>二级标题</h1>
正文一
</div>
</body>
</html>
2、<h2>~<h6>是可以重复使用的，但是要注意层次系，但主标题仍不能与标题级别一致，下面这样仍不能
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题使用</title>
</head>
<body>
<div>
<h2>主标题</h2>
正文一
</div>
<div>
<h2>二级标题</h2>
正文一
</div>
<div>
<h2>二级标题</h2>
正文一
</div>
</body>
</html>
3、下面这种情况是可以的
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题使用</title>
</head>
<body>
<div>
<h1>主标题</h1>
正文一
</div>
<div>
<h2>二级标题</h2>
正文一
</div>
<div>
<h2>二级标题</h2>
正文一
</div>
<div>
<h2>二级标题</h2>
正文一
</div>
</body>
</html>
4、标题标签不能用在正文的中间，下面这样是不可以的，请注意方框和圆内的区别
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题使用</title>
</head>
<body>
<div>
<h1>主标题</h1>
正文一
</div>
<div>
<h2>二级标题</h2>
正文一<h2>二级标题</h2>正文一
</div>
<div>
<h2>二级标题</h2>
正文一
</div>
<div>
<h2>二级标题</h2>
正文一
</div>
</body>
</html>
