在浏览器上建设网站,企业网站设计过程中,多用户分销系统一般有哪些,梁山网站建设多少钱参考资料
欧文の半角スペースは#xff12;種類ある!?无中断空格常见空格一览浅析什么是零宽度字符以及零宽度字符在实际中的应用场景空格象形字间隔无中断空格零宽间隔 目录 零. 各种空格在Notepad中的效果一. 半角空格二. 全角空格三. TAB空格四. 无中断空格4.1 定义4.2 H…参考资料
欧文の半角スペースは種類ある!?无中断空格常见空格一览浅析什么是零宽度字符以及零宽度字符在实际中的应用场景空格象形字间隔无中断空格零宽间隔 目录 零. 各种空格在Notepad中的效果一. 半角空格二. 全角空格三. TAB空格四. 无中断空格4.1 定义4.2 HTML展示4.3 输入 五. 零宽空格5.1 定义5.2 HTML展示5.3 输入5.2 应用场景 零. 各种空格在Notepad中的效果 一. 半角空格
Unicode名称SpaceUnicode编号U0020HTML代码#32;
⏹中文或英文输入法中按下空格键就完成了半角空格的输入。 二. 全角空格
Unicode名称Ideographic SpaceUnicode编号U3000HTML代码#12288;
⏹切换为日语输入法的平假名 或者全角字母数字模式按下空格键就完成了全角空格的输入。 三. TAB空格
Unicode名称Horizontal TabulationUnicode编号U0009HTML代码#9;
⏹按下键盘上的Tab键就完成了Tab空格的输入。 四. 无中断空格
4.1 定义
Unicode名称No-Break SpaceUnicode编号U00A0HTML代码 #160;nbsp;
⏹nbsp; 和 #160; 都表示不间断空格可以用于防止浏览器将连续空格合并并防止换行。
nbsp; 是命名字符引用较为直观和易读。#160; 是数字字符引用
4.2 HTML展示
bodypThis is an example of using space: word1nbsp;nbsp;word2./ppThis is an example of using space: word1#160;#160;word2./p
/body4.3 输入
⏹方式1
按住键盘上Alt键在小键盘区域输入0160之后松开Alt键即可完成输入。
⏹方式2 五. 零宽空格
5.1 定义
Unicode名称Zero Width SpaceUnicode编号U200BHTML代码#8203;
5.2 HTML展示
id为p1的p标签没有使用零宽空格id为p2的p标签使用了零宽空格
!DOCTYPE html
html langen
headmeta charsetUTF-8titleZero Width Space Example/title
/head
body⏹未使用零宽空格p idp1This is an example of using zerowidthspace./p⏹使用了零宽空格p idp2This is an example of using zero#8203;width#8203;space./p
/body
scriptconst 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 zerowidthspace.由于使用了零宽空格当我们双击zerowidthspace单词的时候可以看到未添加零宽空格的zerowidthspace被整体选中 而添加了零宽空格的zerowidthspace只能被选中部分因为此时的zerowidthspace已经不是一个整体。 5.3 输入 5.2 应用场景
⏹零宽空格是一个不可见字符常用于文本处理和排版尤其是在不希望显示任何空格但需要进行字符分隔或排版控制时。
防止自动链接在URL或电子邮件地址中插入零宽空格以防止它们被自动识别为链接。数据防爬将零宽度字符插入文本中干扰关键字匹配。爬虫得到的带有零宽度字符的数据会影响他们的分析但不会影响用户的阅读数据。信息传递将自定义组合的零宽度字符插入文本中用户复制后会携带不可见信息达到传递作用。隐形水印通过零宽度字符我们可以对内部文件添加隐形水印。在浏览者登录页面对内部文件进行浏览时我们可以在文件的各处插入使用零宽度字符加密的浏览者信息如果浏览者又恰好使用复制粘贴的方式在公共媒体上匿名分享了这个文件我们就能通过嵌入在文件中的隐形水印轻松找到分享者了。
