Html 如何使用Unicode显示空白字符以进行调试/编辑

我想在调试或编辑文本时显示空白字符，方法是将它们替换为合理的Unicode代码点，并将它们涂成灰色而不是黑色

例如，我想替换

• 空格

  U+0020

  带

  中间点

  。

  U+00B7

• 不间断空格

  U+00A0

  带

  中小型白色圆圈

  ⚬<代码>U+26AC

• 向右箭头

  →<代码>U+2192用于

  选项卡U+0009

• 等等

我正在寻找以下方面的合理图示符：

• 回车U+000D

• 换行/换行U+000A

我不想使用

PILCROW符号

'U+00B6，因为它在直觉上与这两者都不对应，而是与新段落的概念相对应。还有一个向下的箭头，其角向左↵

U+21B5

但它看起来更像是一个组合符号，而不是单独表示其中一个

当我有混合行结尾时，我希望能够看到正在使用哪个字符（或两者都使用）。我在浏览器中以HTML显示输出

目前我想不出比以下更好的符号： -

向左箭头

←<代码>U+2190用于

回车

-

向下箭头

↓<代码>U+2193用于

换行符

我知道

回车的符号

␍<代码>U+240D，线路馈电符号␊<代码>U+240A和新行符号␤<代码>U+2424但很难在其上看到细节

---

我也不想使用

\r

和

\n

有两个原因，

r

和

n

看起来有点相似（不是很多，但有点相似），需要两个字符来显示它们，而不是一个。然而，如果我没有得到任何更好的建议，我可能会选择使用

向下箭头和向左角

↵

U+21B5

用于回车和

向右箭头，角向下

↴<代码>U+21B4用于换行。正如您所说，

U+21B5

(↵) 是回车的好选择。请注意，它是回车键上的符号，从电动打字机时代起就开始使用。这也是这个名字的由来，因为它会从字面上返回包含纸张并在墨带头下移动的回车。因此，我认为它在键盘的用户应能直观识别

既然你已经注意到了关于可见性的关注，但是，请考虑<代码> U+23 CE < /代码>⏎). 此符号是UNICODE标准的一部分，用于表示返回；但它可能被解释为一般意义上的新行，通常是回车和换行的组合（取决于系统）

U+21B5

(↵) 是UNICODE箭头块的一部分，而

U+23CE

(⏎) 是“杂项技术”块的一部分。第二个更接近于对您这样的技术考虑似乎有用的内容，而不是常规的箭头

这就给我们留下了换行符。当你开始思考它到底是什么时，甚至返回箭头的选择都会变得有问题。换行符基本上是一条向下移动的指令。回车符只是移动插入符号（“回车”）返回到行的开头。换行符不必与回车符组合，回车符也不必与换行符组合（尽管不这样做通常毫无意义）.在打字机上，这就开始有意义了。在键入一行之后，你可以将滑架摆回起始位置，然后向上滚动纸张。基本上是滑架返回+换行。现在你明白为什么要“换行”出于历史目的，将这两者结合起来可能是有意义的，以及为什么它们可以按任意顺序使用。从技术上讲，您可以在不使用回车符的情况下换行，并继续在上一行中断的列中键入。这使我们的↵/⏎ 令人质疑的是，这个符号似乎意味着回车和换行。事实上，在电动打字机和文字处理器上，它通常会产生一个全新的行

那么，如何表示换行呢？向下的箭头似乎是一个直观的选择，但是我们可能还需要重新考虑我们的回车。

U+21E9

（向下的白色箭头，⇩) 视觉上（很可能，因为字形可能会变化）与⏎. 但是如果我们这样做的话，你最好使用

U+21E6

（向左的白色箭头，⇦) 等你的马车回来

有这么多的选项该选择什么？我个人认为技术上更优越的选择是UNICODE“控制图片”块中的字符。这些是

U+240A

(␊) 用于线路馈电和

U+240D

(␍) 对于回车符。它们对我的程序员也很有吸引力，因为它们的代码点的最后一个字节对应于它们的ASCII码。但我知道它们在屏幕上很难辨认，可用性可能更重要。但当要求显示所有符号时，许多文本编辑器会对此进行一些修改

所以我想说选择是

• ␊ 及␍ 因为在技术上是最正确的
• ⇩ 及⇦ 为了获得最大的视觉清晰度，在同一个代码块中，并且对于给定字体的表示可能是一致的
• ↵ 或⏎ 因为回车是最容易识别的，然后是一些其他的换行选项；但这也可能是最令人困惑的，因为有角度的箭头实际上意味着回车+换行

还要确保你选的东西是我的