Web Programming

HTML Symbols, Entities and Codes

By
Fiverr Team
|
November 15, 2021
HTML

If you’ve ever tried to add special characters – like a copyright symbol or a degree symbol - to the text on your HTML page, you may have noticed that it wasn't as easy as you had thought it should be. Not only are these symbols not readily available on your keyboard, but some, like the greater-than (>) and less-than (<) symbols, are reserved for HTML markup. If you add them to your text, chances are, they'll be mistaken for code. To avoid this and ensure the symbols show up on your page, you’ll need to use HTML entities, also known as HTML symbol codes.

If the idea of coding seems intimidating, don't worry. While this may seem complex at first, once you understand the basics, it will soon come as second nature. Here's a closer look at what you'll need to know.

What Are HTML Symbols, Entities, and Codes?

First, it's important to understand that an HTML entity or code is simply a piece (or “string”) of text used to display characters that would otherwise be mistaken as code. These codes begin with an ampersand (&) and end with a semicolon (;). In addition to HTML symbols, entities can also be used for invisible characters such as non-breaking spaces.

How to Use HTML Symbols, Entities, and Codes in Web Design

HTML symbol codes are useful in web design for many reasons. Not only is it important to ensure the output is correct, but because they're text-based, HTML codes also allow for faster loading times. In addition, they're scalable according to font size and allow for changes to both the font color and sizing.

When adding HTML symbol codes, you can use either an entity name or an entity number. This means your coding could look like either of the examples below, and it would still create the same output.

  • &entity_name;  or
  • &#entity_number;

For example, to display the less-than symbol (<), you could enter either:

  • &lt;  or
  • &#60;

In most cases, entity names and entity numbers are fairly interchangeable. However, while entity names are often easier to remember, you may find that some browsers don’t support all entity names. On the other hand, you'll generally find support for entity numbers across the board. If you decide to use entity names, it’s also important to note that these are case-sensitive.

How to Create a Copyright Symbol in HTML

The copyright symbol (©) is one you’ll often come across when building websites for businesses. To create a copyright © symbol using HTML symbol codes, type in:

  • &copy;  or
  • &#169;

How to Create a Degree Symbol in HTML

It’s also easy to create an HTML degree symbol (°). To do this, you’ll want to enter:

  • &deg;  or
  • &#176;

More HTML Symbols and Codes

To improve your coding efficiency, it’s a great idea to memorize the codes for some of the most commonly used symbols. Then, you can reference an HTML symbols code list for any others you may need.

Some of the most commonly used HTML symbol codes include:

Registered Trademark Symbol ®

  • &reg;  or
  • &#174;

Trademark Sign ( ™ )

  • &trade;  or
  • &#8482;

At Symbol @

  • &commat;  or
  • &#64;

Ampersand ( &)

  • &amp;  or
  • &#38;

Euro Sign ( € )

  • &euro;  or
  • &#8364;

Need Help with Your Website Design? We’re On It.

If HTML coding and website design feel like a challenge, allow Fiverr’s experts to take this task off your hands. You’ll find that hiring our web designers and programmers to implement design features for you is an extremely cost-effective option. Not only will this help take your website to the next level, but it will also allow you to focus your time and energy on doing the things that you do best.


Fiverr Team
Whether you’re scaling up your small business or building a brand from scratch, we’ve got the resources you need to keep you informed and at the top of your game.
product demo video
Video Marketing
How to Make a Product Demo Video
In this guide, we’ll cover the ins and outs of product demo videos - what it is, how to strategize and tips for recording.
digital events
Business Tips
Digital Events are Here to Stay: How to Rock Your Company's Virtual Meetings
If you've put off fine-tuning your business' virtual planning, it's time to face the reality—virtual meetings are the new norm!
video editor
Video Editing
How to Hire a Video Editor
Learn what a Video Editor does, what to look for in one and why you need a Video Editor for your latest project.
Subscribe to Fiverr’s blog newsletter to get your FREE Ebook and learn step-by-step, how to be a successful seller or buyer on Fiverr
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
100% Privacy. No spam guaranteed