1、<div></div>和<span></span>
1.<div></div>标识
<div></div>标识可界定文本文档中的分区或节（division/section），从而把文本文档切分为单独的、不一样的一部分。<div></div>标识能够做为1种严苛的机构专用工具，而且不应用任何文件格式与其关系，这在其中包括1种HTML标识和主要表现款式相分离出来的观念。在具体工作中中，大家一般为<div></div>标识特定 id 或 class 特性，使该标识会变得更为合理。<div></div> 是1个块级元素,这代表着它的內容全自动地刚开始1个新行。而且具体上换行是 <div> 固有的唯1文件格式主要表现。
下面这段 HTML 仿真模拟了新闻网站的构造。在其中的每对<div></div>标识 把每条新闻的题目和引言组成在1起，也便是说，<div></div> 为文本文档加上了附加的构造。另外，因为这些 <div></div> 属于同1类元素，因此可使用 class="news" 特性对这些<div></div>标识开展标志，这么做不但为 <div></div> 加上了适合的词义，并且便于进1步应用款式对 <div></div> 开展文件格式化。
<div class="news">
<h2>
News headline 1</h2>
<p>
some text. some text. some text...</p>
...
</div>
<div class="news">
<h2>
News headline 2</h2>
<p>
some text. some text. some text...</p>
...
</div>
2.<span></span>标识
<span> 标识被用来组成文本文档中的行内元素（inline elements）。
<span style="color: Red">留意：</span>
2、块级元素和行内元素
块级元素（block element)和行内元素/内联元素(inline element)是css中的定义，像<div></div>和<h1></h1>等元平素常被称为块级元素。这是由于这些元素显示信息为1块內容，即“块框”。与之相反，<span></span> 和 <strong></strong> 等元素称为“行内元素”，这是由于它们的內容显示信息在1行中，即“行内框”。
块级元素和行内元素的定义其实不是固定不动不会改变的，而是相对性的。大家可使用元素的 display 特性更改转化成的框的种类。这代表着，根据将 display 特性设定为 block，可让行内元素（例如 <a> 元素）主要表现得像块级元素1样；还能够根据把 display 设定为 inline 让转化成的元素变成行内元素；乃至，大家能够把display特性设定为 none ,使元素压根沒有框，这类状况，该框及其全部內容就已不显示信息，不占有文本文档中的室内空间。
<div id="dv1" style="display: block">
我是1个块级元素。
</div>
<div id="dv2" style="display: inline">
我是1个行内元素。
</div>
<div id="div3" style="display: none">
我是不能见的
</div>
3、<div></div>和<span></span>的较为
1.同样点：<div></div>标识和<span></span>标识全是用来区划区段可是沒有具体词义的标识；二者全是关键用于运用款式表。
2.不一样点：<div></div>标识属于块级元素，访问器在它的前后左右会全自动加上1个换行标识</br>；<span></span>标识属于内联元素，它的前后左右不容易全自动加上换行标识。
假如在网页页面合理布局中要将某两个內容显示信息在同1行内，最简易的方式便是将它们用<span></span>标识包装起来。例如，1个网页页面有邻近的两个元素，1个是<div></div>，另外一个是<span></span>。要想将它们显示信息在同1行，能够将这个<div></div>改成<span></span>。自然，还可以根据css将<div></div>等标识的display特性设定为 inline 来完成。