HTML 的 <div> 和 <span> 标签

这篇文章里会涉及到两个术语，这里先明确一下：

• 块级元素，block level element
• 内联元素（或者叫行内元素），inline element

大多数 HTML 元素被定义为块级元素和内联元素。

HTML 块级元素

块级元素在页面中显示时，通常会以新行来开始。

例如：<div>、<h1>、<p>、<ul>、<table>

HTML 内联元素

内联元素在显示时，通常不会以新行开始。

例如：<span>、<a>、<b>、<td>、<img>

div

<div> 元素
 
<div> 元素是一个块级元素，也是一个容器，可以容纳其他的 HTML 元素。
 
<div> 元素，用来定义文档中的分区，没有特定的含义。
 
<div> 元素另一个常见的用途是文档布局。它取代了用表格定义布局的老方法。使用 <table> 元素进行文档布局不是表格的正确用法，<table> 元素是用来显示表格化的数据的。

span

<span> 元素是内联元素，可用作文本的容器。与 CSS 一起使用时，可为部分文本设置样式属