一些修饰性的标签一般都是行内标签，也就是可以放在一行的，方便大家记忆。
| 类型 | 独占一行 | 描述 | 示例 |
|---|---|---|---|
| 块状元素 | 是 | 开始新的一行显示元素，并占满整行。 |
<div><p><form><header> - <h6><article> <section> |
| 内联元素 | 否 | 不会打断行，且只占据它的文本所需的空间。 | <span>,<a><img><strong><i><em><big><small><del><ins> |
内联元素和块级元素的行为可以通过css的"display"来改变他的属性
解释
- `<div>`没有特定语义
- `<p>`：段落
- `<h1>` - `<h6>`：6 级标题
- `<ol>`：有序列表
- `<ul>`：无序列表
- `<li>`：列表项
- `<table>`：表格
- `<nav>`：表示页面的导航
- `<header>`：包含介绍信息或者导航链接的容器
- `<footer>`：定义文档或者一个区的脚注
- `<article>`：定义独立的、自包含的内容块
- `<section>`：用来对文档的内容进行分区，比如章节、标签页、页脚等内容区块
内联元素的示例：
- `<span>`：没有特定语义的组
- `<a>`：链接或锚点
- `<img>`：图像
- `<br>`：换行
- `<input>`：输入框
- `<strong>`：强调文字（用粗体显示）
- `<em>`：强调文字（用斜体显示）
- `<cite>`：引用或参考的作品
- `<code>`：计算机代码片段
- `<button>`：点击按钮
- `<small>`：小号字体