1. 常用的块级元素
-
块级元素具有如下特点:
- 占据父容器的整行宽度。
- 通常从新的一行开始。
- 可以包含其他块级元素和行内元素。
-
常用的块级元素:
div:通用的容器,用于布局和分块内容。
h1 到 h6:标题标签,定义从一级标题到六级标题。
p:段落标签,用于定义文本段落。
ul 和 ol:无序列表和有序列表,分别用于定义项目符号列表和编号列表。
li:列表项,用于在列表(ul 或 ol)中定义项目。
blockquote:块级引用,用于引用大段的文本。
header:页面或部分内容的头部。
footer:页面或部分内容的底部。
section:用于页面中定义内容的一个区块。
article:表示页面中的一篇文章或独立的内容块。
nav:定义导航链接的容器。
aside:表示与页面主要内容相关的侧边内容。
form:用于创建表单。
table:定义表格结构。
-
其他常见的块级元素:
hr:水平线,通常用于分割内容。
figure:用于包含图像、图表或其他插图。
figcaption:定义 figure 的标题或说明。
2. 常用的行内元素
-
行内元素具有如下特点:
- 只占据内容所需的宽度,不会从新的一行开始。
- 不能包含块级元素,但可以包含其他行内元素或文本。
-
常用的行内元素:
span:通用的行内容器,通常用于局部样式化文本。
a:链接标签,用于创建超链接。
strong:用于表示重要的内容,通常显示为加粗文本。
em:用于表示强调内容,通常显示为斜体文本。
img:图像标签,用于嵌入图像。
br:换行符,用于在文本中换行。
i:斜体文本,通常用于表示不同语言或名词。
b:加粗文本,用于强调部分内容。
u:下划线文本。
code:表示计算机代码,通常显示为等宽字体。
small:用于显示小号文本。
sub:下标文本。
sup:上标文本。
label:表单标签,用于描述表单控件。
-
其他常见的行内元素:
mark:用于高亮文本。
time:表示时间或日期。
abbr:表示缩写。
cite:用于引用标题或作品名称,通常显示为斜体。
q:短引用,表示短的行内引用文本。
3 总结:
块级元素 | 行内元素 |
---|---|
div | span |
p | a |
h1-h6 | strong |
ul,ol | li,em |
table | i,b,u |
blockquote | img |
header,footer | br |
article,section | code |
nav | label |
aside | mark,time,q |