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

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

news 2025/11/3 19:50:40

参考资料

  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

DockerHub与私有镜像仓库在容器化中的应用与管理

哈喽&#xff0c;大家好&#xff0c;我是左手python&#xff01; Docker Hub的应用与管理 Docker Hub的基本概念与使用方法 Docker Hub是Docker官方提供的一个公共镜像仓库&#xff0c;用户可以在其中找到各种操作系统、软件和应用的镜像。开发者可以通过Docker Hub轻松获取所…...

编程新知 2025/10/8 10:56:25

Debian系统简介

目录 Debian系统介绍 Debian版本介绍 Debian软件源介绍 软件包管理工具dpkg dpkg核心指令详解 安装软件包 卸载软件包 查询软件包状态 验证软件包完整性 手动处理依赖关系 dpkg vs apt Debian系统介绍 Debian 和 Ubuntu 都是基于 Debian内核 的 Linux 发行版&#xff…...

编程新知 2025/10/31 5:01:03

【位运算】消失的两个数字（hard）

消失的两个数字&#xff08;hard&#xff09; 题⽬描述&#xff1a;解法&#xff08;位运算&#xff09;&#xff1a;Java 算法代码&#xff1a;更简便代码 题⽬链接&#xff1a;⾯试题 17.19. 消失的两个数字 题⽬描述&#xff1a; 给定⼀个数组&#xff0c;包含从 1 到 N 所有…...

编程新知 2025/10/17 12:01:41

基于Flask实现的医疗保险欺诈识别监测模型

基于Flask实现的医疗保险欺诈识别监测模型 项目截图 项目简介 社会医疗保险是国家通过立法形式强制实施&#xff0c;由雇主和个人按一定比例缴纳保险费&#xff0c;建立社会医疗保险基金&#xff0c;支付雇员医疗费用的一种医疗保险制度&#xff0c; 它是促进社会文明和进步的…...

编程新知 2025/11/2 23:16:47

关于nvm与node.js

1 安装nvm 安装过程中手动修改 nvm的安装路径&#xff0c; 以及修改 通过nvm安装node后正在使用的node的存放目录【这句话可能难以理解&#xff0c;但接着往下看你就了然了】 2 修改nvm中settings.txt文件配置 nvm安装成功后&#xff0c;通常在该文件中会出现以下配置&…...

编程新知 2025/11/2 23:12:51

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility

Cilium动手实验室: 精通之旅---20.Isovalent Enterprise for Cilium: Zero Trust Visibility 1. 实验室环境1.1 实验室环境1.2 小测试 2. The Endor System2.1 部署应用2.2 检查现有策略 3. Cilium 策略实体3.1 创建 allow-all 网络策略3.2 在 Hubble CLI 中验证网络策略源3.3 …...

编程新知 2025/11/3 16:32:18

MVC 数据库

MVC 数据库 引言 在软件开发领域，Model-View-Controller（MVC）是一种流行的软件架构模式，它将应用程序分为三个核心组件：模型（Model）、视图（View）和控制器（Controller）。这种模式有助于提高代码的可维护性和可扩展性。本文将深入探讨MVC架构与数据库之间的关系，以…...

编程新知 2025/10/30 4:58:11

C++八股 —— 单例模式

文章目录 1. 基本概念2. 设计要点3. 实现方式4. 详解懒汉模式 1. 基本概念 线程安全&#xff08;Thread Safety&#xff09; 线程安全是指在多线程环境下&#xff0c;某个函数、类或代码片段能够被多个线程同时调用时&#xff0c;仍能保证数据的一致性和逻辑的正确性&#xf…...

编程新知 2025/10/13 7:34:19

GC1808高性能24位立体声音频ADC芯片解析

1. 芯片概述 GC1808是一款24位立体声音频模数转换器&#xff08;ADC&#xff09;&#xff0c;支持8kHz~96kHz采样率&#xff0c;集成Δ-Σ调制器、数字抗混叠滤波器和高通滤波器&#xff0c;适用于高保真音频采集场景。 2. 核心特性 高精度&#xff1a;24位分辨率&#xff0c…...

编程新知 2025/10/29 23:15:58

Chrome 浏览器前端与客户端双向通信实战

Chrome 前端&#xff08;即页面 JS / Web UI&#xff09;与客户端&#xff08;C 后端&#xff09;的交互机制&#xff0c;是 Chromium 架构中非常核心的一环。下面我将按常见场景&#xff0c;从通道、流程、技术栈几个角度做一套完整的分析&#xff0c;特别适合你这种在分析和改…...

编程新知 2025/10/30 14:37:29