当前位置： 首页 > news >正文

文本编辑 文本中的各种空格

news 2026/3/28 6:56:05

参考资料

  1. 欧文の半角スペースは２種類ある!?
  2. 无中断空格
  3. 常见空格一览
  4. 浅析什么是零宽度字符以及零宽度字符在实际中的应用场景
  5. 空格
  6. 象形字间隔
  7. 无中断空格
  8. 零宽间隔

目录

  • 零. 各种空格在Notepad++中的效果
  • 一. 半角空格
  • 二. 全角空格
  • 三. TAB空格
  • 四. 无中断空格
    • 4.1 定义
    • 4.2 HTML展示
    • 4.3 输入
  • 五. 零宽空格
    • 5.1 定义
    • 5.2 HTML展示
    • 5.3 输入
    • 5.2 应用场景

零. 各种空格在Notepad++中的效果

在这里插入图片描述

一. 半角空格

  • Unicode名称：Space
  • Unicode编号：U+0020
  • HTML代码： 

⏹中文或英文输入法中，按下空格键，就完成了半角空格的输入。

二. 全角空格

  • Unicode名称：Ideographic Space
  • Unicode编号：U+3000
  • HTML代码：　

⏹切换为日语输入法的平假名 或者全角字母数字模式，按下空格键，就完成了全角空格的输入。

三. TAB空格

  • Unicode名称：Horizontal Tabulation
  • Unicode编号：U+0009
  • HTML代码：	

⏹按下键盘上的Tab键，就完成了Tab空格的输入。

四. 无中断空格

4.1 定义

  • Unicode名称：No-Break Space
  • Unicode编号：U+00A0
  • HTML代码：
    •  
    •  

⏹  和   都表示不间断空格，可以用于防止浏览器将连续空格合并并防止换行。

  •   是命名字符引用，较为直观和易读。
  •   是数字字符引用

4.2 HTML展示

<body><p>This is an example of using space: word1&nbsp;&nbsp;word2.</p><p>This is an example of using space: word1&#160;&#160;word2.</p>
</body>

在这里插入图片描述

4.3 输入

⏹方式1

按住键盘上Alt键，在小键盘区域输入0160之后，松开Alt键，即可完成输入。

⏹方式2

在这里插入图片描述

五. 零宽空格

5.1 定义

  • Unicode名称：Zero Width Space
  • Unicode编号：U+200B
  • HTML代码：&#8203;

5.2 HTML展示

  • id为p1的p标签没有使用零宽空格
  • id为p2的p标签使用了零宽空格
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Zero Width Space Example</title>
</head>
<body>⏹未使用零宽空格<p id="p1">This is an example of using zerowidthspace.</p>⏹使用了零宽空格<p id="p2">This is an example of using zero&#8203;width&#8203;space.</p>
</body>
<script>const result1 = document.querySelector('#p1').textContent;console.log(result1);// ⏹打印字符串的长度console.log(result1.length);console.log('-------------------------------');const result2 = document.querySelector('#p2').textContent;console.log(result2);// ⏹打印字符串的长度console.log(result2.length);
</script>
</html>
  • 可以看到，在HTML中，对用户展示的效果相同
  • 但是两个字符串的长度实际上不相同，使用了零宽空格的字符串多了两个长度
  • 复制打印到控制台上的内容到NotePad++中，就可以明显的看出来零空格字符串

在这里插入图片描述
🤪🤪🤪

  • 下面这两段文本，看似相同，但实际上复制到NotePad++中，就可以看到第二段文字多了零宽空格。
This is an example of using zerowidthspace.
This is an example of using zero​width​space.

🤔🤔🤔
由于使用了零宽空格，当我们双击zerowidthspace单词的时候，可以看到，未添加零宽空格的zerowidthspace被整体选中
而添加了零宽空格的zero​width​space只能被选中部分，因为此时的zero​width​space已经不是一个整体。

在这里插入图片描述

5.3 输入

在这里插入图片描述

5.2 应用场景

⏹零宽空格是一个不可见字符，常用于文本处理和排版，尤其是在不希望显示任何空格但需要进行字符分隔或排版控制时。

  • 防止自动链接：在URL或电子邮件地址中插入零宽空格，以防止它们被自动识别为链接。
  • 数据防爬：将零宽度字符插入文本中，干扰关键字匹配。爬虫得到的带有零宽度字符的数据会影响他们的分析，但不会影响用户的阅读数据。
  • 信息传递：将自定义组合的零宽度字符插入文本中，用户复制后会携带不可见信息，达到传递作用。
  • 隐形水印：通过零宽度字符我们可以对内部文件添加隐形水印。在浏览者登录页面对内部文件进行浏览时，我们可以在文件的各处插入使用零宽度字符加密的浏览者信息，如果浏览者又恰好使用复制粘贴的方式在公共媒体上匿名分享了这个文件，我们就能通过嵌入在文件中的隐形水印轻松找到分享者了。

相关文章：

文本编辑 文本中的各种空格

参考资料 欧文の半角スペースは&#xff12;種類ある!?无中断空格常见空格一览浅析什么是零宽度字符以及零宽度字符在实际中的应用场景空格象形字间隔无中断空格零宽间隔 目录 零. 各种空格在Notepad中的效果一. 半角空格二. 全角空格三. TAB空格四. 无中断空格4.1 定义4.2 H…...

编程日记 2024/7/28 20:30:34

Vue插槽 (Slots)详解

目录 前言基础插槽具名插槽作用域插槽默认插槽动态插槽名总结相关阅读 前言 Vue的插槽&#xff08;Slots&#xff09;是一个非常强大的特性&#xff0c;它允许你在组件的模板中嵌入父组件的内容。插槽使得组件之间的内容分发变得灵活&#xff0c;尤其在构建可复用组件时非常…...

编程日记 2024/7/28 20:28:33

Unity中有关Animation的一点笔记

也许更好的阅读体验 Animation Unity中Animation类并不是直接记载了和播放动画有关的信息&#xff0c;可以简单理解Animation为一个动画播放器&#xff0c;播放的具体内容就像卡带一样&#xff0c;当我们有了卡带后我们可以播放动画。 对应的则是编辑器中的组件 所以Anima…...

编程日记 2024/7/28 20:27:32

module federation模块联邦与微前端

module federation是什么 webpack5新增了module federation&#xff0c;module federation的作用&#xff0c;将每个构建(build)作为容器(这是一个概念)&#xff0c;构建后的资源可以正常部署&#xff0c;同时还具备在运行时对外暴露其中的模块&#xff0c;这就意味着多个构建…...

编程日记 2024/7/28 20:26:30

日常开发记录分享——C#控件ToolTip实现分栏显示内容

文章目录 需求来源实现思路实施请看VCR等等别走&#xff0c;有优化 需求来源 需要在鼠标浮动到指定位置后提示出详细的信息&#xff0c;一开始使用的tooltip实现&#xff0c;但是里面的内容效果并不理想&#xff0c;需要有条理性&#xff0c;于是就想到能不能将展示的东西分列…...

编程日记 2024/7/28 20:23:26

Kettle下载安装

环境说明 虚拟机&#xff1a;Win7&#xff1b;MySql8.0 主机&#xff1a;Win11&#xff1b;JDK1.8&#xff1b;Kettle 9.4&#xff08;Pentaho Data Integration 9.4&#xff09;&#xff08;下载方式见文末&#xff09; 安装说明 【1】解压后运行Spoon.bat 【2】将jar包 复…...

编程日记 2024/7/28 20:21:25

最新版Golang pprof使用（引入、抓取、分析，图文结合）

最新版Golang pprof使用 &#x1f525;具体实践: Go调试神器pprof使用教程Golang线上内存爆掉问题排查&#xff08;pprof&#xff09; Github地址:https://github.com/ziyifast/ziyifast-code_instruction/tree/main/go-demo/go-pprof 引入pprof:import _ “net/http/pprof” …...

编程日记 2024/7/28 20:20:23

vue3学习记录1：emit的写法

emit是用于child组件向parent组件通信的工具&#xff0c;因为vue3的script可以设置为setup&#xff0c;写法同vue2有较大区别。 一、script setup - 直接写 <script lang"ts" setup>const emit defineEmits([close]);function handleClose() {emit(close);}…...

编程日记 2024/7/28 20:17:19

Visual Studio Code + vue快速安装配置Node.js+Vue+webpack+vscode

第一部分&#xff1a;Node.js 第一步&#xff1a;下载Node.js 方法1&#xff1a;链接 下载 | Node.js 中文网 (nodejs.cn) 方法2&#xff1a;百度网盘 链接&#xff1a;https://pan.baidu.com/s/1zIqu8H9rb_I1i-1OWD7swQ?pwdaurk 提取码&#xff1a;aurk --来自百度网盘…...

编程日记 2024/7/28 20:16:18

【Dart 教程系列第 49 篇】什么是策略设计模式？如何在 Dart 中使用策略设计模式

这是【Dart 教程系列第 49 篇】&#xff0c;如果觉得有用的话&#xff0c;欢迎关注专栏。 博文当前所用 Flutter SDK&#xff1a;3.22.1、Dart SDK&#xff1a;3.4.1 文章目录 一&#xff1a;什么是策略设计模式&#xff1f;二&#xff1a;为什么要使用策略设计模式&#xff1…...

编程日记 2024/7/28 20:15:17

BGP路由反射器

原理概述 缺省情况下&#xff0c;路由器从它的一个 IBGP对等体那里接收到的路由条目不会被该路由器再传递给其他IBGP对等体&#xff0c;这个原则称为BGP水平分割原则&#xff0c;该原则的根本作用是防止 AS内部的BGP路由环路。因此&#xff0c;在AS内部&#xff0c;一般需要每台…...

编程日记 2024/7/28 20:14:16

DolphinDB Web 端权限管理：可视化操作指南

在现代数据库管理中&#xff0c;高效和直观的权限管理对于用户的数据安全是至关重要的。过去 DolphinDB 用户需要依赖系统脚本来管理用户和权限&#xff0c;这对于缺乏技术背景的管理员来说既复杂又容易出错。 为了提升用户体验和操作效率&#xff0c;DolphinDB 目前在 Web 上…...

编程日记 2024/7/28 20:13:15

学习Vue2收藏这一篇就够了（如何创建Vue实例）

什么是Vue&#xff1f; Vue是什么&#xff1a;是一个用于构建用户界面的渐进式框架 什么是构建用户界面&#xff1a;基于数据动态渲染页面 什么是渐进式&#xff1a;循序渐进的学习 什么是框架&#xff1a;一整套完整的项目解决方案 创建Vue实例 核心步骤&#xff08;4步…...

编程日记 2024/7/28 20:12:14

Mysql数据库第四次作业

mysql> create table student(sno int primary key auto_increment,sname varchar(30) not null unique,Ssex varchar(2) check (Ssex男 or Ssex女) not null,Sage int not null,Sdept varchar(10) default计算机 not null); mysql> create table Course(Con int primar…...

编程日记 2024/7/28 20:10:12

使用Docker搭建MySql的主从同步+ShardingSphere搭建Mysql的读写分离

参考课程 尚硅谷ShardingSphere5实战教程&#xff08;快速入门掌握核心&#xff09;_哔哩哔哩_bilibili 主服务器 创建容器 docker run -d \ -p 3306:3306 \ -v /kira/mysql/master/conf:/etc/mysql/conf.d \ -v /kira/mysql/master/data:/var/lib/mysql \ -e MYSQL_ROOT…...

编程日记 2024/7/28 20:07:08

数据结构：数据类型与抽象数据类型

数据类型与抽象数据类型 数据类型基本数据类型构造数据类型指针类型枚举类型 抽象数据类型&#xff08;ADT&#xff09;抽象数据类型的组成部分常见的抽象数据类型示例 数据类型与抽象数据类型的区别实现抽象数据类型的具体方式用数组实现栈用链表实现栈 总结 数据类型 数据类…...

编程日记 2024/7/28 20:04:06

西方逻辑史简介

西方逻辑史研究&#xff0c;对形式逻辑实现现代化&#xff0c;对加强西方哲学史研究&#xff0c;对开展科学方法论的研究都有重要意义。西方逻辑史一般被划分成古代、中世纪、现代三个历史时期。本文拟对这三个时期中的七个重要逻辑学家和逻辑学派&#xff1a;亚里士多德、斯多…...

编程日记 2024/7/28 20:01:04

【论文10】复现代码tips

一、准备工作 1.创建一个虚拟环境 conda create --name drgcnn38 python=3.8.18 2.激活虚拟环境 conda activate drgcnn38 注意事项 在Pycharm中终端（terminal）显示PS而不是虚拟环境base 问题如下所示 解决方法：shell路径改成cmd.exe 重启终端显示虚拟环境 3.安装torch …...

编程日记 2024/7/28 20:00:02

分布式缓存获取以及设置

1. 通用代码 public SysUser getCache(String sysUserId) {String cacheKey "litgery:warehouse:" sysUserId;// 尝试从缓存中获取数据CacheData cacheData redisUtils.get(cacheKey);if (null ! cacheData) {if (Boolean.TRUE.equals(cacheData.getExist())) {re…...

编程日记 2024/7/28 19:58:00

SMO算法，platt论文的原始算法及优化算法

platt论文&#xff1a;[PDF] Sequential Minimal Optimization : A Fast Algorithm for Training Support Vector Machines | Semantic Scholar 算法优化&#xff1a;[PDF] Improvements to Platts SMO Algorithm for SVM Classifier Design | Semantic Scholar 包含个人plat…...

编程日记 2024/7/28 19:52:54

MGeo中文地址结构化教程：从原始文本到标准GeoJSON格式输出的完整转换流程

MGeo中文地址结构化教程&#xff1a;从原始文本到标准GeoJSON格式输出的完整转换流程 1. 引言&#xff1a;为什么我们需要地址结构化&#xff1f; 你有没有遇到过这样的场景&#xff1f;用户填写的收货地址五花八门&#xff1a;“北京市海淀区中关村大街27号”、“北京海淀中…...

编程新知 2026/3/28 5:38:05

Unity WebGL输入优化：跨平台文本输入解决方案的技术突破

Unity WebGL输入优化&#xff1a;跨平台文本输入解决方案的技术突破 【免费下载链接】WebGLInput IME for Unity WebGL 项目地址: https://gitcode.com/gh_mirrors/we/WebGLInput 在Unity WebGL应用的开发过程中&#xff0c;文本输入功能一直是开发者面临的核心挑战。传…...

编程新知 2026/3/28 5:09:59

UniHacker：跨平台支持的开源工具快速部署方案

UniHacker&#xff1a;跨平台支持的开源工具快速部署方案 【免费下载链接】UniHacker 为Windows、MacOS、Linux和Docker修补所有版本的Unity3D和UnityHub 项目地址: https://gitcode.com/GitHub_Trending/un/UniHacker UniHacker作为一款专业的开源工具&#xff0c;凭借…...

编程新知 2026/3/28 4:17:55

Welch‘s t-test实战指南：从原理到Python实现

1. 为什么你需要Welchs t-test&#xff1f; 做数据分析时&#xff0c;经常会遇到这样的场景&#xff1a;你想比较两组数据的平均值是否有显著差异&#xff0c;但发现这两组数据的方差不一样&#xff0c;样本量也不同。这时候传统的Students t-test就不太适用了&#xff0c;因为…...

编程新知 2026/3/28 3:37:31

STM32智能甲鱼养殖系统设计与实现

基于STM32的智能甲鱼养殖系统设计与实现1. 项目概述1.1 系统背景现代水产养殖行业正面临从传统人工管理向智能化转型的关键时期。甲鱼作为对水质环境敏感的特种水产品&#xff0c;其养殖过程中需要持续监测多项水质参数并保持稳定环境。传统人工监测方式存在响应滞后、精度不足…...

编程新知 2026/3/28 1:54:13

岗亭厂家直销：揭秘源头工厂如何帮你省下30%采购成本

在2026年1月的今天&#xff0c;户外岗亭作为城市管理、社区安防及商业服务的关键节点&#xff0c;其市场需求持续增长。然而&#xff0c;行业在快速发展的同时&#xff0c;也暴露出一些亟待解决的技术与成本挑战。从技术层面看&#xff0c;传统岗亭产品普遍面临结构稳定性不足、…...

编程新知 2026/3/28 1:52:04

Flink技术实践-超时异常踩坑与优化

一、背景介绍在Flink实时计算的生产环境中&#xff0c;最令人头疼的往往不是复杂的业务逻辑&#xff0c;而是那些突如其来的“超时异常”。这些异常就像是系统中的“幽灵”&#xff0c;通常在业务高峰期或网络抖动时出现&#xff0c;导致作业重启、数据延迟甚至数据丢失。最近几…...

编程新知 2026/3/28 1:03:35

嵌入式pRNG：基于WDT与LFSR的轻量级硬件熵随机数生成器

1. pRNG库概述&#xff1a;面向嵌入式系统的轻量级熵收集型伪随机数生成器pRNG&#xff08;Pseudo-Random Number Generator&#xff09;是一个专为资源受限微控制器设计的开源伪随机数生成库&#xff0c;其核心设计哲学是在极小内存开销下&#xff0c;通过硬件时序抖动提取物理…...

编程新知 2026/3/28 0:59:34

AI药物研发加速发现：DeepChem深度学习框架实战指南

AI药物研发加速发现&#xff1a;DeepChem深度学习框架实战指南 【免费下载链接】deepchem Democratizing Deep-Learning for Drug Discovery, Quantum Chemistry, Materials Science and Biology 项目地址: https://gitcode.com/GitHub_Trending/de/deepchem 深度学习药…...

编程新知 2026/3/28 0:55:34

5分钟搞定三网话费余额查询：手把手教你用PHP+HTML搭建查询系统（含API调用避坑指南）

三网话费查询系统开发实战&#xff1a;从API调用到前端优化的全流程指南 最近在帮朋友开发一个小型话费查询工具时&#xff0c;发现市面上关于三网运营商API调用的完整教程并不多见。大多数开发者遇到问题时只能靠反复试错&#xff0c;特别是当需要同时对接移动、联通、电信三家…...

编程新知 2026/3/28 0:47:33