HTML - Web CORS

Named Entity

A named entity has a name. For example, the named entity for the copyright symbol (©) is

©

These are case sensitive and end with a semicolon.

Numeric Entity

Numeric entities can be represented by a numeric value. There are two types:

• Decimal: Decimal numeric entities are written as &#N;, where N is the ISO 10646 decimal number. For example, the numeric entity for the copyright symbol (©) is

©

• Hexadecimal: Hexadecimal numeric entities are written as &#xN;, where N is the ISO 10646 hexadecimal number. For example, the numeric entity for the copyright symbol (©) is

©

Using HTML entities is simple - you just need to know the entity name or number for the character you want to display. Entities can be used in your HTML document's text, as well as within attribute values.

Currency Symbols

• Euro: The HTML entity for the Euro symbol (€) is €.
• Pound: The HTML entity for the Pound symbol (£) is £.
• Yen: The HTML entity for the Yen symbol (¥) is ¥.
• Cent: The HTML entity for the Cent symbol (¢) is ¢.

Copyright and Trademark Symbols

• Copyright: The HTML entity for the Copyright symbol (©) is ©.
• Registered Trademark: The HTML entity for the Registered Trademark symbol (®) is ®.
• Trademark: The HTML entity for the Trademark symbol (™) is ™.

Punctuation Symbols

• Ampersand: The HTML entity for the Ampersand symbol (&) is &.
• Greater Than and Less Than: The HTML entities for Greater Than (>) and Less Than (<) symbols are > and <, respectively.
• Quotation Marks: The HTML entities for Left Double Quotation Mark (“), Right Double Quotation Mark (”), Left Single Quotation Mark (‘), and Right Single Quotation Mark (‘’) are:
  • Left Double Quotation Mark (“): “
  • Right Double Quotation Mark (”): ”
  • Left Single Quotation Mark (‘): ‘
  • Right Single Quotation Mark (’): ’

Mathematical Symbols

• Plus and Minus: The HTML entities for Plus (+) and Minus (-) symbols are:

  • Plus (+): +
  • Minus (−): -

• Multiplication and Division

  • Multiplication (×): ×
  • Division (÷): ÷

Fraction

The following fractions have specific codes:

¼

<&frac12>;

<&frac34>;

Arrow Symbol

The following arrow directions have specific codes:

Up, Down, Left, Right Arrows

<&uarr>;

<&darr>;

<larr>;

<rarr>;

Double Arrows

⇐

&amp:uArr;

&amp:rArr;

Directly inserting symbols

You can directly insert some symbols in your HTML code using your keyboard. You can use the dollar sign ($), the plus sign (+), or the equals sign (=) directly in your code.

<p>The price is $99.</p>
<p>2 + 2 = 4</p>

Using HTML entities

For symbols that are not available on your keyboard or that have special meaning in HTML (like < or >), you need to use HTML entities. You can use either named entities or numeric entities.

<p>This is the copyright symbol: &copy;</p>
<p>This is the euro symbol: &euro;</p>
<p>This is the registered trademark symbol: &#174;</p>

When using symbols in your web pages, consider these best practices:

• Use entities for reserved characters: Always use HTML entities for characters that are reserved in HTML, like < (<), > (>), and & (&). Using the actual characters can mess up your HTML code.
• Be consistent: Choose one method (named or numeric entities) and stick with it throughout your website for consistency and readability.
• Test your page: Always test your web page in multiple browsers to make sure that the symbols show correctly.
• Consider accessibility: Some screen readers might not read out all symbols correctly. Provide alternative text where necessary to make sure all users can access content.

Remember, while symbols can add visual interest and meaning to your web pages, they should be used sparingly and purposefully to improve user experience.