http中的span什么意思

前两天发现一个好玩的问题哈，我这有几个人名，真实情况下他们是循环出来的，我这只是一个模拟。然后呢，我想让他们中间啊加上一个顿号，不管有多少个人名，第一个前面没有，就是中间有。 后来我发现一个比较好玩的实现方法，就是首先呢，我们先给他们呀，肯定都有一个克拉斯累， 比如我们叫 item。 然后呢，我们这块怎么写呢？点 item 加点 item 意味着找到第二个以及后边的这个 spa 标签，然后写 before。 然后呢写抗震的，大家看我这块是逗号，把它改成顿号，这样就可以了，这样无论有多少个，他都会自动加上这个顿号。

xtmas 半元素是短语短句的行内通用容器啊，他平时并没有任何特殊的语义，我们一般在标注行内的某一些特殊的单词或者是特殊的单句 啊。给他标注一些特殊的样式的时候，我们会通过 span 标签来去包括他们，并且单独给他们去做一些样式，便跟 diy 元素非常相似。但是 div 是一个块元素， span 是行李元素， 这个是他们唯一一个不同的点啊。在没有其他羽翼的元素可用的情况下啊。并且你需要去指定一个行内的元素，那我建议你可以直接用 spa 元素就可以了。

好嘞，接下来呢，再给同学们介绍两个特殊的表现， div 表现和 spa 表现，他们两个特殊代是没有羽翼的，他们就是一个普通的盒子，用来装内容 盒子，同学们有概念吗？比如说这是一个盒子呀，这也是一个盒子，这呢还是一个盒子？ 那么 div 和 spa 呢，就属于这个盒子，那盒子它主要内容，我可以在里面写我想要的文字啊，或者是我在里面可以放一张图片，那比如说在我们页面布局中，这就是一个盒子， 那同学们再来看一下，这是不是还是一个盒子啊？只要你有了这个盒子，我就可以把图片放到盒子里面，我就可以把文字放到盒子里面，这样呢，用它来布局我们的网页的。哎，所以啊，同学们先明白，这两个标签呢，是来布局 我们的网页，他就是一个盒子，只不过他是没有羽翼的，那他的与法格式啊，可以这么来写， div 杠 div 还是双标签，里面写上文字，那么 spa 杠 span 也是双标签，里面再写上文字就可以了。所以这两个哥们呢，是没有羽翼，就是当盒子来看待就行了。 其中啊， div 是 dv 线的一个缩写，它的意思是分割分区，那比如说我这是不是有一个区域可以放内容啊？那么我这是不是也有一个区域可以放内容啊？此时我们可以用我们的 div 来做就可以了。 那 spa 呢，是跨度跨距的意思啊，一会我给你写一下这个 spa 的显示特点呀，你也明白他为什么叫做跨距，因为他是横着来显示的。好了，那这两个盒子呢，都是布局用的，但是呢，他们有各自的特点，需要同学们暂时把它记住。 第一个呢，我们的 div 表现，他是用来布局的，但是一行只能放一个 div， 所以你可以把它理解为一个大盒子。来，我们看一下， 比如说我在这呢，我们可以写上一个 div 标签。好的，然后我写上，我是一个 div 标签，我一个人单独站一行。哎，这个跟我们的标题有点相似，好看一下 c， 看一下加微，我在复制，这是两个 div， 写完毕之后呢，我们右键在浏览器中打开，我们看一看，你会发现第一个 diy 占了一整行，他的后面就不允许写其他内容了。 第二个 div 呢，自己也站了一行，后面也不允许写其他内容了，因为你想写你也写不上，你看一二三，一二三保存。那这两个一二三呢，肯定是在两个 div 的下面来显示，因为啊，这是一个 div， 他自己就独占一行了，别人呢，就没有办法在他后面写，只能另起一行来显示。所以啊， div 他一个最显著的一个特点就是一个人独占一行，所以你可以理解为一个超大的一个盒子。那我们看到这个页面，同学们来看一看啊，再想一想 div 是什么？ 第二位是一个盒子，自己独占一行，那这可以看到是一个大的第二位，这个没问题吧？好，那再往下走，那么这也可以用一个大的第二位来做，他自己独占一行，我可以往里面装内容就行了，所以第二位就是一个超大的盒子，自己独占一行。 好了，那么认识完第二位之后呢，我们再来看一下我们的 span 盒子。好，经过号 span， ok， 走起。那比如说我这里选了一个百度， ok， 然后我在 ctrl 加 c， ctrl 加 v， 看人家微啊，然后这呢叫做新浪，这个呢叫做守护思密达保存，你看我是不是写了三个 spa 呀？那你 你看他是怎么来显示的啊？保存一下，刷新，那你会发现，哎，这个是不是 spa 和 div 不一样，每个 div 独占一行，但是呢， 潘一行可以放好多好多个，我这写了三个，三个呢是在一行显示，所以啊， span 他的意思叫做跨句，也就说呀，他可以让我们这些内容呢，一行上来显示是横着来显示啊，所以叫做可以跨行来显示。 哎，你可以这么理解，跨行就行了，所以我们这个 span 也是用来布局的，但是呢，一行可以放多个 span， 你可以理解为一个小盒子， span 呢一般都比较小，你看这是一个 spa， 它只有这么大，这呢也是一个 spa， 它只有这么一点点， 这呢还是一个 spa， 也这么大，但是 div 呢？这么大。所以啊，在这里面同学们让你且理解， div 呢是一个大盒子， spa 呢是一个小盒子，他们两个呢没有羽翼，都是用来布局的。 但是啊，具体这两个盒子在我们布局网页的时候怎么使用，后面我们学了网页布局的时候，你就真正明白他们什么时候用他们了。在这里，我只要求同学们先记住这两个标签，一个叫 diy， 一个叫 spa， 他们两个都是用来布局的就可以了。

皮卡丘。

如果你是面试官，你问我什么是 http， 我会大声告诉你， http 是个屁。 各位大佬，我还没说完呢， h t t p 真的是个 p， 因为最后一个字母 p 的全称是 polo 扣 pro 的意思就是协议。说到底， http 的核心就是协议 ktv 这个协议就好比新婚夫妇之间无形的协议。注意，是新婚夫妇，不是老夫老妻。新 新婚夫妇涉及两个对象，老公和老婆。 http 同样涉及两个对象，服务端和客户端，服务端为客户端服务， 就好比老公为老婆服务，服务端会随时准备着，不会主动发起数据，只有在客户端发起请求的时候，服务端才会响应。就好比老公 会一直守候着，等待老婆发号施令，听到命令赶紧行动。可以说，你有多了解 http， 就证明你有多爱你老婆。 客户端要和服务端进行通信，客户端就需要发送请求豹纹服务端收到请求以后就会回送响应豹纹。 http 规定了请求豹纹和响应豹纹的格式，在了解格式之前，先看看这里老婆和老公之间的请求和响应。老 老婆想要获得老公公司里面保险柜的钥匙，老公给了一个 ok 的手势，并且回答没问题，还描述了钥匙的具体颜色。接 把钥匙给了老婆。这段话可以转化为豹纹的形式。首先是请求豹纹，老婆想要获取某种东西，获取哪里 的资源，就需要定位保险柜，钥匙就是资源的路径。接着加上新婚了多少年，主要的信息就已经有了。接下来是这个请求附属的属性和条件。虽然有了资源路径，但必须明确资源的位置，这里的位置就在 在老公的公司里面，有了请求豹纹就会有响应豹纹，老公也做出回应，给了一个手势，并且说了一句没问题。在给出钥匙之前，为了老婆不会混淆，老公还描述了钥匙的颜色属性，最后附上了钥匙。 gtv 的豹纹就是类似的这种形式，老婆这边的获取这个动作就相当于 get， get， get 是其中一种方法，也就是客户端请求服务器对资源 执行某些动作，请求什么资源，就要写上资源的路径，也就是请求幺二幺。后面接着 httb 的版本，资 人还要明确属性和条件，就需要在请求首部里面写入。接着就是响应豹纹，首先写上 httv 的版本，提醒一下客户端和服务端的 httb 版本号有可能会不一样，这就好比再婚的人肯定比第一次结婚的人婚龄要高。然后 是状态马和原因短语，没问题，就好比成功状态马， ok， 就好比描述没问题这个状态马的短语。接下来是豹纹首部，相当于豹纹附属的属性和条件，常见的有描述文件类型和长度的首部。最后就是 资源了，两边的第一行叫做起始行，请求豹纹的就是请求行，响应豹纹的就是响应行。接下来是首部，分别是请求首部和响应首部。 最后是主体，因为 get 是单纯的获取，所以请求这里就没有写上主体信息，如果， 如果你要洗也是可以的。大家可以看到两边手部后面都有一个空行，这样来表示手部的结束。 httv 的豹纹内容其实非常简洁明了，使得双方通信简单快速。 豹纹里面需要特别说明一下方法和状态吗？最常见的方法就是 get 和 post， get 是一种获取的方法，前面的例子已经提及到了，而 post 则是偏向于传输的方法。 比如我们可以想象，老婆用 pos 的方法发送了一个请求，请求老公帮忙还信用卡，那么老婆就必须把自己需要进行处理的信息，也就是信用卡卡号告诉给老公。老公收到信息以后先自己操作一下，把欠款还清， 发完以后就回应老婆。常见的 pose 方法用在表单上面，比如页面上有个表单让你输入账号信息， 那么 htm 元素里面可以设置为 pos 方法。服务器把从用户得来的数据进行处理，再回应客户端。虽然 方法的数量有很多，但是状态码的数目更是多的吓人，因为服务端可以自行创建状态码，但还好状态码是有分大类别的。 二开头最常见的是两百，表示被正常处理。三开头最常见的是三零幺，表示资源被分配到新的资源路径。四开头最常见的是四零四，表 是被服务器拒绝了或者找不到请求的资源。五开头最常见的是五百，表示服务器内部发生错误或者故障。除了 的方法和状态吗以外，豹纹里面还有一个很重要的部分就是手部，因为手部也是多种多样的，有个很常见的响应手部康点台，字面的意思就是内容类型，每 当我们发送请求以后，服务器可能会返回各种不同的数据类型，文件、图片或者视频，每种类别都会有很多不同的数据类型，有了这个手部 显示类型，浏览器就能够知道如何去处理这些不同的数据。就好比老婆让老公上缴这个月的工资，老公会告诉老婆这些钱的币种是人民币、美元还是越南盾，这样 老婆就知道怎么去花这笔钱了。另外，因为 http 支持传输任意类型的内容，有了这个手部也让浏览器可以做出更好的处理，也让 http 更加灵活，不受单一或者局部类型所限制。 知道豹纹的基本格式和内容以后，我们就需要了解豹纹是按照什么形式传输的。首先我们要知道 tcbip 模型最顶部的两层是应用层和传输层，应用层就是靠近用户的那一层，也是用户经常能看到的。我们平时输入网址的时候， 网址前面都是有 htdp 协议字样的，只不过现代浏览器进行自动补全，因此你会觉得 http 既熟悉又陌生。除了 协议名以外，浏览器也因为我们输入的网址可以分析出服务器地址和资源位置，这样就可以生成我们前面说的豹纹了。这里提醒一下，网址上面还隐藏着服务器端口号八零，因为对于 httb 协议，一般 服务器会用默认的八零端口，浏览器同样会自动进行补全，因为 http 是直接提供用户访问 资源的一种协议，这也就能说明为什么 http 是属于应用成的了。另外， http 还需要传输成协议来配合他定义传输数据的 方式，也就是在传输城里面选择协议。传输城里面有很出名的两个协议， tcp 和 udp， 与 http 配合的是 tcp， 因为 tcp 很可靠，毕竟 tcp 有三次握手的机制，如 我用的是 udp， 那即使服务器做回应了，接收到的网页可能会是一盘散沙。这就好比新婚夫妇之间说话像 tcp， 总是卿卿我我，在进入正式话题，但是 结婚多年的夫妻一般说话就很像 udp， 直接进入话题，这样大家就能看出选择 tcp 的原因了，直到配合 tcp 进行传述以后，不要以为我们 我们就能随便发送数据请求了。刚刚我们看到每条请求豹纹只能写一个 uri， 也就是一次 只能写一个资源路径，这就造成一次只能获取一个文件。对于服务器来说，可以对请求进行逐个处理，每处理完一个就关闭链接，这样的非持久链接可以节省资源。不过 随着互联网的发展，一次一个请求的方式很难满足实际需求，而且每次都会进行一次 tcp 连接，因 此在 http 一点一中默认链接为持久链接。服务器返回消息，客户端可以继续发起下一个请求，如果没有要发送的了，客户端最后发送 ctrl clus 首部给服务器，这样 就会进行关闭。就好比新婚夫妇一起生活以后，有很多事情都未能磨合，导致老婆让老公做事， 老公一次就只能处理一件事情，过了一段时间以后，老婆让老公做事情，老公不仅能把当前的事情做完，还很有默契的把下个事情也准备了。虽然 httb 实现了持久链接，也不 不表示可以一直保持链接是有时间限定的，我们刚刚提到 httb 最初设计的时候，服务器一次就只处理一条信息，其实这样大大减少服务器的资源消耗。如果互联网每台主机都能访问同一台服务器，而 服务器又把他们的信息全部记录下来，这样服务器肯定是要崩溃的，所以服务器不会把每个状态都记录下来，这就是 httb 的无状态。但是目前很多网页都是有用户登录功 功能的，如果是无状态的话，用户登录一次，第二次访问又需要输入信息登录，这显然是很麻烦的。为了保持这个状态，就有了 gucci 这项技术， 项技术需要在手部自断加上给信息，这样就能够实现保持登录状态了，从而实现状态管理。这就好比夫妻新婚以后，老婆会告诉老公各种银行卡密码，老公最多也就只能记住一个，但 是老公可以用笔记下各个银行卡对应的密码是多少，这样老婆再次问老公某张银行卡密码的时候，老公就能对应笔记的记录来回复老婆了。前面讲的这些特点都是 httb 的核心所在，知道了 ktv 的核心，再去深入各项技术就没有这么难了。以上就是本期的视频内容了，如果你喜欢我的视频，欢迎订阅、点赞、收藏和转发，更多好视频等着你！

嗯，大家好，嗯，这个呢是我自己网盘的一个网址啊，大家可以看到有一些跟普通的网址有些区别，也就是说他在正常的网址后面呢有一个冒号， 那后面有一个五二四四的这个端口，原因在于呢，就说我们去做这个，嗯， list 网盘的时候呢，他的默认的端口就是，嗯，我们的存储 alice 的默认的端口呢就是五二四四的，就这个五二四四当然是可以更改的啊，不过我们进行访问的时候呢，他还是会显示出这个端口的数字出来。 那么对于我们有一些去进行分享的时候呢，可能是比较不方便啊，像我们比如说记百度或者怎么样，或者是记 b in， 就记个 b in 点 com 就可以了。像这个网址之后再加一个端口号的话呢， 比较难记，也比较不美观啊，如果你只是说做分享或者是做其他的一些 事情的时候，只是想把网址告诉别人，为了让别人能够更加的好记，容易记住的话，那么没有端口的一定会平，有端口的会容易记一些， 对吧？那么今天呢跟大家讲一下这个东西是怎么免费的可以去做到的啊？首先呢我们得 有一个域名啊，必须要有一个域名，就是你分享给别人用的域名。然后第二个呢是我们需要在 cloudflare 这边有一个账号，并且把自己的域名 绑定的 global player， 让他去进行解析，比如说我现在这边有一个叫 dragon d a l 点 top， 对吧？呃，首先呢我们到自己的这个域名这边进行去管理， 比如说是 ds 解析，或者叫记录，这边呢已经有一些的记录了啊， 像这个 fh 的或者是暗的可能会看的很奇怪啊，指向四个八或者是幺幺四零幺四零幺四。呃，我们当然首先呢要在这个 解析这边先做第一个动作，就添加一个记录，添加一个记录的目的呢？是 a 记录啊，它是用来做跳转用的啊，比如说我们， 嗯，这个关于这个 top 的话，我们随便先挑一个啊，比如说螳螂，恐龙啊，恐龙，螳螂 biu biu biu 吗？哈，我们就去 biu 吧。啊， 那么也就是说这个呢，域名就是六点折杠 doa 点叫 top 是吧？哎，后面这个 ipv 四的地址呢， 现在来讲是不重要的，或者这根本就不重要的，我们随便输一个，比如说啊，二三五点五点五点五，随便一个吧，都可以，或者你就说是幺幺四点幺幺四点幺幺四，怎么样都可以， 但是他只要符合 ipvc 的地址规则就可以啊，我们就算把它改成幺幺四点幺幺四点幺幺四点幺幺四，那么我们当时访问这个地址的时候， 直接访问他也会跳转到幺幺四零幺幺四，正常会报错啊，但是这边不重要，我们去拿幺幺四做例子啊，首先保存一下， 这个呢，理论上是可以去 build 这个地址是访问到幺幺四点幺幺四点幺幺四的，但是呢，比如说我们想把它访问到我自己的这边，嗯，带端口的，带端口的啊， ok， 那我们现在这边做一个解题，这解题当然其实后面的内容是无效的啊，我们在 到我们的这个规则这个地方，有一个叫页面规则，页面规则这边已经建了两个不重要，其实每个人是可以免费建三个的。我们首先创建一个， 然后呢这个地方就是要填入 url 的话，就是我们刚刚去设置解析的那个 网址，比如说就像 biu， biu 点 d r a g u m d a l 点 drop， 后面呢加一个杠，加一个信号就可以了，就代表你现在所设置的这个网址的下面的所有内容啊， 这个大家应该可以看得懂，这是网址，然后是斜杠，是代表网址下面的文件或者文件夹，这个心呢是所有， 然后我们这边点一个选取的一个设置，这里有一个转发 url， 嗯，转发 url 的时候呢，这边选一个状态代码是永久重定向，也就是说当你访问这个地址的时候， 他会把它跳转到另外一个地方，比如说目标就在这个位置，我们输入目标的 url， 就像我们现在讲我自己的这个壁纸一样的啊， 这是我自己的一个地址，后面带端口号的，大家看一下，这个东西选择完之后呢，我们只需要保存就可以啊，这个顺序不重要，可以不用管。然后呢我们只要点保存和 搜索页面规则 ok， 他现在状态呢就可以了。那么也就是说我们访问这个 build 的时候， 他会跳转到我自己的位置来，那大家不是太清楚，我们再看一遍，首先我们把它复制，然后 到一个空的这边来，我们看到现在的网址啊，是六点 jacken 点 l 点到，对吧？给他们按个回车， 他自己就会跳转到我这个带端口号的网址上来，也就是到我自己网盘上来，当然呢这个只是呢一个跳转过程，嗯，临时性 使用的啊，如果说是想完整的把你后面的所有端口全部都隐藏掉的话，这个呢是最好是做反代啊，就反向代理这样的话呢是比较彻底的， 这个我们以后再说，今天呢只是跟大家说一下这个，另外我们可以啊做另外一个测试，比如说我们现在把这个 you 把它改掉，改成啊我们的百度，好吧？ http， s 码号百度点 com， ok， 我们保存一下， 那么他现在已经生效了啊，当我们再去访问这个 b 的时候呢， 可以跳到百度来了，也就是说你这个地方去做 ur 跳转的时候，可以把我们网址的这个后面的端口号一起带上去， 然后做解析的时候呢，这边分享给别人的时候，他就不会有，只需要把上面的这个网址给他分享出去就可以了。今天的介绍呢就到这边啊，谢谢各位。

八月二十六日，张杰在绿洲向网友提问，什么是 emo？ 然后 be 还有另一个什么意思？ 我是大人了，这些新型语言请对我负点责好吗？配图是自己捂脸张大嘴表示惊讶的表情包，十分威胁可爱。据悉，张杰之前就曾提问过 yyds 是什么意思，粉丝看到后纷纷在评论区拿一件货，有的表示意思就是听你的新歌破房了。 杰哥还没学会五 g 冲浪吗？你是一个大人了，要学会自己解决问题，或许你又该承认自己是老年人了。 此前，张杰发微博表示，吃鱼被鱼骨横卡在食道，并晒出了取出来的鱼骨照片，就是这根鱼骨不小心吃进去，竟然横卡在食道里，差点到位。昨晚连夜在胃镜麻醉下做了鱼骨摘除，照片 中鱼刺十分粗，并且尖锐无比，看起来令人触目惊心。张杰表示，最爱吃鱼的我，人生第一次对鱼吃鱼突然有了些许阴影，还提醒大家吃鱼也要多注意啊！