⌨

HTML Symbol Reference

Complete guide to using copyright symbols in HTML with entity codes, examples, and best practices

©

HTML Entity Codes

Symbol Name Named Entity Decimal Hexadecimal Action
© Copyright Sign © © ©
® Registered Sign ® ® ®
™ Trademark Sign ™ ™ ™
℗ Sound Recording Copyright None ℗ ℗
℠ Service Mark None ℠ ℠
💡

Usage Examples

Basic HTML Usage

<p>© 2024 Your Company Name. All rights reserved.</p>

Result:

© 2024 Your Company Name. All rights reserved.

Footer Copyright Notice

<footer>
  <p>© 2024 Your Website. 
  <a href="/privacy">Privacy Policy</a> | 
  <a href="/terms">Terms of Service</a></p>
</footer>

With Link

<p>Content © 2024 <a href="#">Author Name</a></p>

Result:

Content © 2024 Author Name

Multiple Symbols

<p>® MyBrand™ is a © 2024 
MyCompany product.</p>

Result:

® MyBrand™ is a © 2024 MyCompany product.

✓

Best Practices

1. Use Named Entities When Possible

Named entities like © are more readable than numeric codes like ©.

2. Include Year and Owner

Always include the year and copyright owner name: © 2024 Your Name.

3. Place in Footer

Copyright notices are typically placed in the website footer or at the bottom of content pages.

4. Update Yearly

Remember to update the copyright year annually, or use a dynamic method like JavaScript or server-side code.

🎨

CSS Content Property

You can also add copyright symbols using CSS pseudo-elements:

CSS Example

.copyright::before {
  content: "\\00A9";  /* Unicode for copyright symbol */
  margin-right: 0.5em;
}

.copyright::after {
  content: " " attr(data-year) " " attr(data-owner);
}

HTML: <span class="copyright" data-year="2024" data-owner="Your Company"></span>