1：标签的分类
1
| 独占一行，如div,p,h等，写完以后会默认换行，是block element
|
1
| 不会独占一行，也就是写完不会换行，如b,em,span等。
|
1
2
3
4
5
6
| 块元素里面可以放置块元素和行内元素，行内元素不能放置块元素。p标签不能放置任何块元素，
针对写错的或者不规范的写法，浏览器会自动更正，比如：
<p><h1>哈哈</h1></p>会被浏览器修正为：
<p></p>
<h1>哈哈</h1>
<p></p>
|
2：h标签
块元素
1
2
| 定义标题，从h1-h6，越往下越小，其中hgroup是分组，是将有联系的h标签
定义在同一个组内.
|
1
2
3
4
5
6
| <h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
|
1
2
3
4
| <hgroup>
<h1>1</h1>
<h2>1.1</h2>
</hgroup>
|
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
3.p标签
块元素
1
| <p>今天是2020年8月10号，天气晴，很热。</p>
|
今天是2020年8月10号，天气晴，很热。
4.em
行内元素
1
| <em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。
|
今天可真热
5.strong
行内元素
1
2
3
4
| <strong> 标签和 <em> 标签一样，用于强调文本，但它强调的程度更强一些。
浏览器通常会以不同于 <em> 标签的方式来显示 <strong> 标签中的内容，通常是用加粗
的字体（相对于斜体）来显示其中的内容，这样用户就可以把这两个标签区分开来了。
|
1
| <p>今天可真<strong>热<strong></p>
|
今天可真热
6.b标签
行内元素
1
2
3
| <b> 标签定义粗体的文本。
<b> 标签定义了文本中的部分比其余的部分更重要，并呈现为粗体。
|
今天学的东西多
7.i标签
行内元素
1
2
3
4
5
6
| <i> 标签显示斜体文本效果。
<i> 标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。
如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。
提示：<i> 标签一定要和结束标签 </i> 结合起来使用。
|
今天学的东西多
块元素
1
2
3
| <header>
<span>网页的头部</span>
</header>
|
9. main（h5出来的新标签）
块元素
1
| main表示网页的主体部分，一个网页中只有一个main
|
1
2
3
| <main>
<span>网页的主体</span>
</main>
|
块元素
1
2
3
| <footer>
<span>网页的底部信息</span>
</footer>
|
11.nav
块元素
1
2
3
4
5
6
7
| <nav class="crumbs">
<ol>
<li class="crumb"><a href="bikes">Bikes</a></li>
<li class="crumb"><a href="bikes/bmx">BMX</a></li>
<li class="crumb">Jump Bike 3000</li>
</ol>
</nav>
|
12.aside
块元素
1
| 和主体相关的其他内容（侧边栏）,可以参考zeal文档
|
12.artical
块元素
13. section
块元素
1
2
| 表示一个独立的标签，当header,main,footer,nav,等都不能表示的时候可以用
sesction，表示其他。
|
14.div
块元素
1
| div没有语义，就用来表示一个区块，目前div是主要的布局元素。
|
14.span
行内元素
1
| span没有语义，行内元素，一般用于网页中的选中文字。
|
*************感谢您的阅读*************
