mirror of
https://github.com/Estom/notes.git
synced 2026-02-09 21:36:58 +08:00
35 lines
1.4 KiB
Markdown
35 lines
1.4 KiB
Markdown
大多数 HTML 元素被定义为**块级元素**或**内联元素**。
|
|
|
|
### 10. 块级元素
|
|
|
|
块级元素在浏览器显示时，通常会以新行来开始（和结束）。
|
|
|
|
我们已经学习过的块级元素有: `<h1>`, `<p>`, `<ul>`, `<table>` 等。
|
|
|
|
> **值得注意的是:** `<p>` 标签中不能包含任何块级元素。
|
|
|
|
## `<div>` 元素
|
|
|
|
`<div>` 元素是块级元素，它可用于组合其他 HTML 元素的容器。
|
|
|
|
`<div>` 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
|
|
|
|
如果与 CSS 一同使用，`<div>` 元素可用于对大的内容块设置样式属性。
|
|
|
|
`<div>` 元素的另一个常见的用途是文档布局。
|
|
|
|
> **值得注意的是:** `<div>` 取代了使用表格定义布局的老式方法。
|
|
|
|
## 内联元素
|
|
|
|
内联元素在显示时通常不会以新行开始。
|
|
|
|
我们已经学习过的内联元素有: `<td>`, `<a>`, `<img>` 等。
|
|
|
|
> **值得注意的是:** `<a>` 标签中不能包含 `<a>` 标签，但可以包含其他任何元素。
|
|
|
|
## `<span>` 元素
|
|
|
|
`<span>` 元素是内联元素，可用作文本的容器。`<span>` 元素也没有特定的含义。
|
|
|
|
当与 CSS 一同使用时，`<span>` 元素可用于为部分文本设置样式属性。
|
|
|
|
> **值得注意的是:** 内联元素中不能包含块级元素。一般都是块级元素中包含内联元素。 |