这篇文章里会涉及到两个术语,这里先明确一下:
- 块级元素,block level element
- 内联元素(或者叫行内元素),inline element
大多数 HTML 元素被定义为块级元素和内联元素。
—————————————————————————
HTML 块级元素
块级元素在页面中显示时,通常会以新行来开始。
例如:<div>、<h1>、<p>、<ul>、<table>
—————————————————————————
HTML 内联元素
内联元素在显示时,通常不会以新行开始。
例如:<span>、<a>、<b>、<td>、<img>
—————————————————————————
<div> 元素
<div> 元素是一个块级元素,也是一个容器,可以容纳其他的 HTML 元素。
<div> 元素,用来定义文档中的分区,没有特定的含义。
<div> 元素另一个常见的用途是文档布局。它取代了用表格定义布局的老方法。使用 <table> 元素进行文档布局不是表格的正确用法,<table> 元素是用来显示表格化的数据的。
—————————————————————————
<span> 元素
<span> 元素是内联元素,可用作文本的容器。与 CSS 一起使用时,可为部分文本设置样式属性。
参考链接:
(完)