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

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

news 2026/2/1 11:23:34

参考资料

  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

未来机器人的大脑：如何用神经网络模拟器实现更智能的决策？

编辑&#xff1a;陈萍萍的公主一点人工一点智能 未来机器人的大脑&#xff1a;如何用神经网络模拟器实现更智能的决策&#xff1f;RWM通过双自回归机制有效解决了复合误差、部分可观测性和随机动力学等关键挑战&#xff0c;在不依赖领域特定归纳偏见的条件下实现了卓越的预测准…...

编程新知 2026/2/1 6:20:05

Chapter03-Authentication vulnerabilities

文章目录 1. 身份验证简介1.1 What is authentication1.2 difference between authentication and authorization1.3 身份验证机制失效的原因1.4 身份验证机制失效的影响 2. 基于登录功能的漏洞2.1 密码爆破2.2 用户名枚举2.3 有缺陷的暴力破解防护2.3.1 如果用户登录尝试失败次…...

编程新知 2026/1/31 18:11:04

NLP学习路线图（二十三）：长短期记忆网络（LSTM）

在自然语言处理（NLP）领域，我们时刻面临着处理序列数据的核心挑战。无论是理解句子的结构、分析文本的情感，还是实现语言的翻译，都需要模型能够捕捉词语之间依时序产生的复杂依赖关系。传统的神经网络结构在处理这种序列依赖时显得力不从心，而循环神经网络（RNN） 曾被视为…...

编程新知 2026/2/1 7:05:28

如何理解 IP 数据报中的 TTL？

目录 前言理解 前言 面试灵魂一问&#xff1a;说说对 IP 数据报中 TTL 的理解&#xff1f;我们都知道&#xff0c;IP 数据报由首部和数据两部分组成&#xff0c;首部又分为两部分&#xff1a;固定部分和可变部分&#xff0c;共占 20 字节&#xff0c;而即将讨论的 TTL 就位于首…...

编程新知 2026/1/26 16:34:35

蓝桥杯3498 01串的熵

问题描述 对于一个长度为 23333333的 01 串, 如果其信息熵为 11625907.5798&#xff0c; 且 0 出现次数比 1 少, 那么这个 01 串中 0 出现了多少次? #include<iostream> #include<cmath> using namespace std;int n 23333333;int main() {//枚举 0 出现的次数//因…...

编程新知 2026/1/20 7:21:36

使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台

🎯 使用 Streamlit 构建支持主流大模型与 Ollama 的轻量级统一平台 📌 项目背景 随着大语言模型（LLM）的广泛应用，开发者常面临多个挑战： 各大模型（OpenAI、Claude、Gemini、Ollama）接口风格不统一；缺乏一个统一平台进行模型调用与测试；本地模型 Ollama 的集成与前…...

编程新知 2026/1/25 3:31:07

打手机检测算法AI智能分析网关V4守护公共/工业/医疗等多场景安全应用

一、方案背景​ 在现代生产与生活场景中&#xff0c;如工厂高危作业区、医院手术室、公共场景等&#xff0c;人员违规打手机的行为潜藏着巨大风险。传统依靠人工巡查的监管方式&#xff0c;存在效率低、覆盖面不足、判断主观性强等问题&#xff0c;难以满足对人员打手机行为精…...

编程新知 2026/1/28 8:48:34

【C++】纯虚函数类外可以写实现吗？

1. 答案 先说答案&#xff0c;可以。 2.代码测试 .h头文件 #include <iostream> #include <string>// 抽象基类 class AbstractBase { public:AbstractBase() default;virtual ~AbstractBase() default; // 默认析构函数public:virtual int PureVirtualFunct…...

编程新知 2026/1/31 21:17:25

flow_controllers

关键点&#xff1a; 流控制器类型&#xff1a; 同步&#xff08;Sync&#xff09;&#xff1a;发布操作会阻塞&#xff0c;直到数据被确认发送。异步&#xff08;Async&#xff09;&#xff1a;发布操作非阻塞&#xff0c;数据发送由后台线程处理。纯同步&#xff08;PureSync…...

编程新知 2025/11/28 10:50:12

写一个shell脚本，把局域网内，把能ping通的IP和不能ping通的IP分类，并保存到两个文本文件里

写一个shell脚本&#xff0c;把局域网内&#xff0c;把能ping通的IP和不能ping通的IP分类&#xff0c;并保存到两个文本文件里 脚本1 #!/bin/bash #定义变量 ip10.1.1 #循环去ping主机的IP for ((i1;i<10;i)) doping -c1 $ip.$i &>/dev/null[ $? -eq 0 ] &&am…...

编程新知 2025/11/23 13:02:26