div全称为division，是HTML中的HTML块级元素标签，它是HTML中最常用的块级元素，可以将文档分割成独立的、不同的部分，使文字、代码、表格等元素组成一个独立的、结构清晰的整体。

div与span之间的区别与使用介绍

div与span的定义

div全称为division，是HTML中的HTML块级元素标签，它是HTML中最常用的块级元素，可以将文档分割成独立的、不同的部分，使文字、代码、表格等元素组成一个独立的、结构清晰的整体。

span是一个内联元素标签，常用于选取一小段文本或应用样式。它通常用于使用CSS来操纵和装饰文本，而且作为内联元素，它可以在另一个块级元素中插入文本，而不会打乱网页的布局。

div与span的区别

div是块级元素，span是内联元素。块级元素塞满整个容器的宽度，高度一旦设置了就会在所有内部内容的最后一行之后留出空间。而内联元素只会把内容填充满它所在的容器。
div可以包括其他的HTML元素，比如h1、p、form等等。span通常被用来包裹文本，在里面放置一个图标或字体图标，或者将一些小元素或文本颜色、字体大小等样式属性包含在内。

div与span的使用

div的使用：

<!DOCTYPE html>
<html>
   <head>
      <title> Example </title>
   </head>
   <body>
      <div style="background-color: #ccc;">
         <p>Hello, World!</p>
         <button>Click Me</button>
      </div>
   </body>
</html>

上面的例子中，div标签包含了一个p标签和一个button标签。这个div被定义了一个灰色的背景色，它的内部元素是以块级展示的。

span的使用：

<!DOCTYPE html>
<html>
   <head>
      <title> Example </title>
      <style>
         .highlighted {
            background-color: yellow;
         }
      </style>
   </head>
   <body>
      <h1><span class="highlighted">Hello, World!</span></h1>
   </body>
</html>

上面的例子中，使用了CSS来定义了一个叫做highlighted的类，它会将标签背景色设置为黄色。然后，将span标签包裹在h1标签中，用highlighted类来装饰span标签，达到了高亮Hello, World!文本的效果。

总之，div和span的区别是块级和内联元素的不同，div适用于定义整体布局，span适用于控制文本的样式。在实际开发中，应该选择合适的元素来进行不同场景下的工作。