什么是不间断空格?

今天看什么是xss攻击的时候看到了一个词,叫Non-breaking space,不是很懂,感觉很神奇,于是我就去搜了一下,然后整理到这里

其实这个不间断空格的意思还是比较简单的,我们先看一个一个例子:

1.gif

可能这个例子没有说明的话,还不是很好看懂,我这里来说明一下:
一开始,可以看到hello world其实是在第二行的,然后我删掉了中间一个空格,然后我又打了一个普通的空格,就是space,然后发生了神奇的现象,hello 和 world 分别在两行了, 这就是没有使用不间断空格的情况,就是会把两个词分开,如果我们使用不间断空格,那么这两个词就不会分别分在两行,而是一起到下面来了。看这个例子(其实上面例子的开头hello world在一起就是使用不间断空格的)
1.gif

这个例子就是使用不间断空格,然后两个词成功的在一起了

那么说了这么多,这个看似不起眼的不间断空格有什么用?

其实就是在英文写作的时候,我们写的一些词组为了避免他们分开在两行导致人们阅读的时候看不懂,就要把它们写在一起,就用到了不间断空格。

然后在html中, 其实就是不间断空格, 哈哈哈,发现在简书中直接输入 解析成了空格了

image.png

看加粗的那段话hhh

html中 (终于知道为什么叫nbsp了)其实就是不间断空格,就这样啦

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 特殊字符:html里面有特殊的意义的字符。 大家可以测试一下,在文本编辑器中输入下面代码并保存为HTML文件后用浏...
    MeWill阅读 8,759评论 0 1
  • 摘要 浏览器总是会截短 HTML 页面中的空格。如果您在文本中写 10 个空格,在显示该页面之前,浏览器会删除它们...
    easyblue阅读 7,412评论 0 2
  • 之前积累了XSS 有一段时间,因为目前开始了一件有趣的工程,需要整合非常多的知识,其中Web 安全这一块出现最多的...
    刀背藏身阅读 13,099评论 0 16
  • 一、学习目标 主要是学习web开发中的一些基本性的概念,例如b/s架构,web服务器,dns等等。同时还要学习HT...
    我爱开发阅读 4,090评论 0 7
  • 我们首先要确认一点,那就是阅读媒介的根本目的,是以最有效的方式将内容传递给用户。所有的排版布局的目的,就是为了有效...
    LostAbaddon阅读 5,721评论 1 7

友情链接更多精彩内容