原文:Checkmark Symbol – HTML for Checkmark Unicode,作者:Kolade Chris

如果你看一下你的键盘,你会发现没有键用来输入一个复选标记。

你可以从互联网上复制复选标记符号,直接粘贴到你的 HTML 代码中,但更简单的方法是使用适当的 Unicode 字符或 HTML 来输入。

如果你想知道什么是 Unicode 和 HTML 字符实体,它们都是代表不同表情符号、符号和字符的一段文字。

在你的 Web 项目中,你可能想显示一个复选标记,以表示同意。因此,在这篇文章中,我将向你展示如何使用适当的 Unicode 和 HTML字 符实体,将复选标记引入你的 Web 项目,我还将向你展示复选标记符号的其他 4 种变化。

复选标记的 Unicode 和 HTML 字符

用于显示复选标记的 Unicode 字符是 U+2713。如果你决定使用这个 Unicode 字符在 HTML 中显示一个复选标记,并像这样输入,你输入的内容会像这样显示:

 <h1>Languages of the web</h1>
 <h3>U+2713 HTML</h3>
 <h3>U+2713 CSS</h3>
 <h3>U+2713 JavaScript</h3>
 <h3>U+2713 PHP</h3>

那么,如何使用 U+2713 Unicode 来显示复选标记符号呢?

U+ 去掉,用 &#  和 x 来代替它。因此,它变成了 &#x2713;

 <h1>Languages of the web</h1>
 <h3>&#x2713; HTML</h3>
 <h3>&#x2713; CSS</h3>
 <h3>&#x2713; JavaScript</h3>
 <h3>&#x2713; PHP</h3>
ss2-3

你也可以用 HTML 字符实体来显示复选标记的符号,即 &#10003;&check;

<h1>Languages of the web</h1>
<h3>&check; HTML</h3>
<h3>&#10003; CSS</h3>
<h3>&#10003; JavaScript</h3>
<h3>&check; PHP</h3>
ss2-3

复选标记符号的其他变体

除了传统的 U+2713&#10003;&check;,还有其他变体,例如:

&#1004; 加粗的复选标记

<h1>Languages of the web</h1>
<h3>&#10004; HTML</h3>
<h3>&#10004; CSS</h3>
<h3>&#10004; JavaScript</h3>
<h3>&#10004; PHP</h3>
ss3-2

U+2705 – &#x2705; 白色的高亮复选标记

<h1>Languages of the web</h1>
<h3>&#x2705; HTML</h3>
<h3>&#x2705; CSS</h3>
<h3>&#x2705; JavaScript</h3>
<h3>&#x2705; PHP</h3>
ss4-1

U+2611 – &#x2611; ballot 复选标记

<h1>Languages of the web</h1>
<h3>&#x2611; HTML</h3>
<h3>&#x2611; CSS</h3>
<h3>&#x2611; JavaScript</h3>
<h3>&#x2611; PHP</h3>
ss5-1

U+221A – &#x221A; 平方根复选标记

<h1>Languages of the web</h1>
<h3>&#x221A; HTML</h3>
<h3>&#x221A; CSS</h3>
<h3>&#x221A; JavaScript</h3>
<h3>&#x221A; PHP</h3>
ss6-1

总结

本文向你展示了复选标记的 Unicode 字符串,如何使用它,以及它的变体。

你还了解了复选标记符号的等效 HTML 字符实体,以防你不想用 Unicode 字符串显示它。

现在,去你的代码中插入一些复选标记吧。