【今日小知识】：div和span的作用及用法，希望可以帮到正在学习HTML的你噢~~~

div标签

根据我的经验，提高应用程序性能的主要方法是减少IO调用的次数和持续时间。然而，一旦执行了这个选项，开发人员采取的另一种方式就是在堆栈上使用内存。堆栈允许非常快的分配和释放，尽管它应该只用于分配小的部分，因为堆栈大小是非常小的。另外，使用堆栈可以减少GC的压力。为了在堆栈上分配内存，将值类型或stackalloc操作符与非托管内存的使用结合使用。

第二个选项很少被开发人员使用，因为用于非托管内存访问的API非常冗长。

Span<T>是C# 7.2中到达的一组值类型，它是来自不同来源的内存的无分配表示。Span<T>允许开发人员以更方便的方式处理连续内存区域，确保内存和类型安全。

div和span元素没有特定的语义，都是用来帮助页面排版的块元素。

div&&span标签

div：块级元素，可定义文档中的分区或分节，用来为HTML文档内大块的内容提供结构和背景。通过在页面中放置多个div并定义好位置及大小等属性，可以达到给网页布局的效果。

特点：独占一行。

span：行内元素，主要使用场合是与css一同使用，为部分文本设置样式属性。

前言

在这里我们先回忆一下普通链表的时间复杂度，可以看到除了 look up 操作是 O(n) 的，其他操作都是 O(1) 的时间复杂度。也就是说你需要随机访问里面的任何一个元素的话，它的时间复杂度平均值是 O(n) 的，这也就是链表它的问题所在。从这里可以看到并没有所谓完美的一种数据结构，如果完美那就不需要 Array 或者 LInked List 这两个数据结构并存了，就直接使用最牛逼的数据结构即可。所以相当于各有优劣，看你的使用场景在什么地方，作为完整性比较，我这里把两种时间复杂度都列出来。

文字效果对比

1-1倾斜对比

使用p标签，i标签，em标签，对比倾斜效果

浏览器显示如下图：

代码内容如下图：

给p标签添加效果，给em取消倾斜，对比添加效果和自带效果标签的区别 ；

浏览器显示如下图：

代码内容如下图：

1-2文字加粗对比

p、div、b、strong标签对于文字粗细的对比，和附加效果后的对比；

为什么要引入std::span

在C++中，我们经常需要传递数组或容器的一部分给函数进行处理。通常的做法是使用指针和长度来表示数组的一部分，但这可能导致越界和难以维护的代码。C++ 20中新引入的std::span，则提供了一种更安全、更直观的方式来处理这种情况。

实际上，std::span是一个非常实用的容器适配器，用于表示连续的内存区域。它并不直接拥有数据，而是提供了一种访问现有数组或容器元素的方式，增强了代码的灵活性和泛型性。std::span可以看作是对指针和长度对的一个类型安全、范围安全的封装，特别适合用于算法和接口设计中，以提高代码的可重用性和安全性。

一、div 和 span 标签的作用

1、div标签：一般用于存放图片、文字、视频、等网页内容，也就相当于存放一切内容，可以理解为一个大大的盒子。

2、span标签：一般只用于存放文字。

3、这两个标签没有具体的语义，不像<h>标签必须存放标题。

简单来说，Span<T>

今天我们说下HTML标签中的div、span和图像标签。其实div和span是上一节就要讲的标签内容，但是当时时间比较晚了，就没有说。