HTML Symbols

The Entities session showed why <, >, and & need encoding. The same entity system also unlocks many symbols — copyright marks, currency signs, trademarks, and simple arrows — without hunting for special keyboard layouts. This session focuses on practical symbols you will see in footers, prices, and product names.

What counts as a symbol entity here?

A symbol entity is still an HTML entity: it usually starts with & and ends with ;, and the browser renders a visible symbol. Some names are easy to remember (©, €). Others are written as numeric character references such as →. Both approaches insert characters; named forms are friendlier when a standard name exists.

Direct answer

Insert symbols with entities. Common starters: © for ©, ® for ®, ™ for ™, € for €, £ for £, and ¥ for ¥. When you need a character without a memorable name, a numeric reference can work. Prefer named entities for portability and readability in plain-text editors, and always end the entity with ;.

Handy symbols at a glance

Legal and brand marks in text

Footers and product lines often need copyright or trademark marks. Entities keep those characters reliable even when a teammate edits the file in a basic editor.

Reading the sample

• 10€ renders a euro amount without pasting a special keyboard character
• BrandX™ adds a trademark mark after the name
• © 2026 is a classic footer pattern
• Each entity ends with ; — missing it can break the render

Named entities vs numeric references

Named entities use words: ©. Numeric character references use a number: © is another way to get a copyright mark, and → can produce a right arrow. You do not need to memorize long code charts for this course. Learn the named forms for everyday legal and currency marks, and treat numeric forms as a backup when no clear name is available.

UTF-8 and pasted symbols

If your file is saved as UTF-8, you can often paste © or € directly. That is valid. Entities remain useful when you want the source to stay in plain ASCII-friendly text, or when an editor mangling special characters has bitten you before. Choose the approach that keeps the team’s files reliable.

Practice in your editor

1. Write a footer line with © and the current year.
2. Add a price that uses € or £.
3. Add a product name followed by ™.
4. Optional: add a short “next” hint with → or →.
5. Open the page and confirm the symbols render.
6. Break one entity by removing ;, reload, then fix it.

Mistakes to avoid

• Forgetting the ending ; on a symbol entity
• Mixing up currency entities (€ vs £) in a real price line
• Using arrow entities as a full page-layout system instead of CSS
• Assuming every fancy symbol has a short named entity — some need numeric references or a pasted UTF-8 character
• Encoding ordinary letters that never needed entities

Summary

• Many page symbols come from HTML entities
• Start with ©, ®, ™, and currency entities like €
• Named entities are easier to remember than long numeric codes when they exist
• Numeric references are a backup for less common characters
• Always end entities with ;
• Prefer clear text and CSS for layout; use symbol entities for genuine marks and signs