Checkmark Symbol – HTML For Checkmark Unicode - FreeCodeCamp

Có thể bạn quan tâm

If you take a look at your keyboard, you'll see that there’s no key for typing a checkmark.

You could decide to copy the checkmark symbol from the internet and paste it directly into your HTML code, but an easier way to do it is to use the appropriate Unicode character or HTML character entity.

If you are wondering what Unicode and HTML character entities are, they are both a piece of text that represents different emojis, symbols, and characters.

In your web projects, you might want to show a checkmark for the purpose of consent or agreement. So, in this article, I will show you how to use the appropriate Unicode and HTML character entity to bring checkmarks into your web projects. I will also show you 4 other variations of the checkmark symbol.

The Unicode and HTML Characters for Checkmarks

The Unicode character for showing a checkmark is U+2713. If you decide to use this Unicode to show a checkmark in HTML and you type it in like that, what you type is shown like this:

<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>

So, how do you use the U+2713 Unicode to show the checkmark symbol?

Remove the U+ and replace it with an ampersand (&), pound sign (#), and x. Then type the 2713 in, and then a semi-colon. So, it becomes ✓.

<h1>Languages of the web</h1> <h3>✓ HTML</h3> <h3>✓ CSS</h3> <h3>✓ JavaScript</h3> <h3>✓ PHP</h3>

ss2-3

You can also use the HTML character entity for a checkmark to show the checkmark symbol. This is ✓ or &check;:

<h1>Languages of the web</h1> <h3>&check; HTML</h3> <h3>✓ CSS</h3> <h3>✓ JavaScript</h3> <h3>&check; PHP</h3>

ss2-3

Other Variations of the Checkmark Symbol

Apart from the traditional U+2713, ✓ or &check;, there are other variations such as:

Ϭ for a bolder checkmark

<h1>Languages of the web</h1> <h3>✔ HTML</h3> <h3>✔ CSS</h3> <h3>✔ JavaScript</h3> <h3>✔ PHP</h3>

ss3-2

U+2705 – ✅ for a white heavy checkmark

<h1>Languages of the web</h1> <h3>✅ HTML</h3> <h3>✅ CSS</h3> <h3>✅ JavaScript</h3> <h3>✅ PHP</h3>

ss4-1

U+2611 – ☑ for a ballot checkmark

<h1>Languages of the web</h1> <h3>☑ HTML</h3> <h3>☑ CSS</h3> <h3>☑ JavaScript</h3> <h3>☑ PHP</h3>

ss5-1

U+221A – √ for a square root checkmark

<h1>Languages of the web</h1> <h3>√ HTML</h3> <h3>√ CSS</h3> <h3>√ JavaScript</h3> <h3>√ PHP</h3>

ss6-1

Conclusion

This article has shown you the Unicode string for a checkmark, how to use it, and other variations of it.

You also learned about the equivalent HTML character entity for the checkmark symbol, in case you don’t want to show it with the Unicode string.

Now, go insert some checkmarks into your code.

Từ khóa » Html List Style Tick

Checkmark Symbol – HTML For Checkmark Unicode - FreeCodeCamp

The Unicode and HTML Characters for Checkmarks