HTML Entity Tutorial | Learn Complete list of HTML Entities
Last updated on 12th Aug 2022, Blog, Tutorials
Entity:
An HTML entity is a piece of text (“string”) that starts with an ampersand (&) and ends with a semicolon (;). Entities are frequently used to display the reserved characters (which would otherwise be interpreted as HTML code), and invisible characters (like non-breaking spaces). can also use them in place of the other characters that are complex to type with a standard keyboard.
ISO 8859-1 Symbol Entities:
Result | Description | Entity Name | Number Code |
---|---|---|---|
non-breaking space |   ; |   ; | |
¡ | inverted exclamation mark | ¡ | ¡ |
¤ | currency | ¤ | ¤ |
¢ | cent | ¢ | ¢ |
£ | pound | £ | £ |
¥ | yen | ¥ | ¥ |
¦ | broken vertical bar | ¦ | ¦ |
§ | section | § | § |
¨ | spacing diaeresis | ¨ | ¨ |
© | copyright | © | © |
ª | feminine ordinal indicator | ª | ª |
« | angle quotation mark (left) | « | « |
¬ | negation | ¬ | ¬ |
soft hyphen | | | |
® | registered trademark | ® | ® |
™ | trademark | ™ | ™ |
¯ | spacing macron | ¯ | ¯ |
° | degree | ° | ° |
± | plus-or-minus | ± | ± |
² | superscript 2 | ² | ² |
³ | superscript 3 | ³ | ³ |
´ | spacing acute | ´ | ´ |
µ | micro | µ | µ |
¶ | paragraph | ¶ | ¶ |
· | middle dot | · | · |
¸ | spacing cedilla | ¸ | ¸ |
¹ | superscript 1 | ¹ | ¹ |
º | masculine ordinal indicator | º | º |
» | angle quotation mark (right) | » | » |
¼ | fraction 1/4 | ¼ | ¼ |
½ | fraction 1/2 | ½ | ½ |
¾ | fraction 3/4 | ¾ | ¾ |
¿ | inverted question mark | ¿ | ¿ |
× | multiplication | × | × |
÷ | division | ÷ | ÷ |
Non-breaking Space:
- A generally used entity in HTML is the non-breaking space:
- A non-breaking space is a space that will not break into the new line.
- Two words separated by a non-breaking space will stick together (not break into a new line).
- This is handy when breaking the words might disruptive.
Examples:
- § 10
- 10 km/h
- 10 PM
Another general use of the non-breaking space is to prevent the browsers from truncating spaces in HTML pages.If write 10 spaces in the text, the browser will remove 9 of them.To add real spaces to the text, can use the character entity.
Combining Diacritical Marks:
- A diacritical mark is a “glyph” added to the letter.
- Some diacritical marks, are grave ( ̀) and acute ( ́) are called accents.
- Diacritical marks can appeared both above and below a letter, an inside a letter, and between a two letters.
- Diacritical marks can be used in the combination with alphanumeric characters to produced a character that is not present in a character set (encoding) used in the page.
Reserved Characters: These characters are either a reserved for HTML or those which are not present in a basic keyboard & can’t use them to directly.
Example: Here, a some of the reserved characters are discussed:
Reserved Character | Entity Name |
---|---|
& | & ; |
< | < ; |
> | > ; |
“ | " ; |
Other Characters:
Some characters that are not available directly on the keyboard, therefore such an entity can be used to represent it by using their entity number.
ISO 8859-1 Character Entities:
Result | Description | Entity Name | Number Code |
---|---|---|---|
À | capital a, grave accent | À ; | À ; |
Á | capital a, acute accent | Á ; | Á ; |
capital a, circumflex accent | Â ; | Â ; | |
à | capital a, tilde | à ; | à ; |
Ä | capital a, umlaut mark | Ä ; | Ä ; |
Å | capital a, ring | Å ; | Å ; |
Æ | capital ae | Æ ; | Æ ; |
Ç | capital c, cedilla | Ç ; | Ç ; |
È | capital e, grave accent | È ; | È ; |
É | capital e, acute accent | É ; | É ; |
Ê | capital e, circumflex accent | Ê ; | Ê ; |
Ë | capital e, umlaut mark | Ë ; | Ë ; |
Ì | capital i, grave accent | Ì ; | Ì ; |
Í | capital i, acute accent | Í ; | Í ; |
Î | capital i, circumflex accent | Î ; | Î ; |
Ï | capital i, umlaut mark | Ï ; | Ï ; |
Ð | capital eth, Icelandic | Ð ; | Ð ; |
Ñ | capital n, tilde | Ñ ; | Ñ ; |
Ò | capital o, grave accent | Ò ; | Ò ; |
Ó | capital o, acute accent | Ó ; | Ó ; |
Ô | capital o, circumflex accent | Ô ; | Ô ; |
Õ | capital o, tilde | Õ ; | Õ ; |
Ö | capital o, umlaut mark | Ö ; | Ö ; |
Ø | capital o, slash | Ø ; | Ø ; |
Ù | capital u, grave accent | Ù ; | Ù ; |
Ú | capital u, acute accent | Ú ; | Ú ; |
Û | capital u, circumflex accent | Û ; | Û ; |
Ü | capital u, umlaut mark | Ü ; | Ü ; |
Ý | capital y, acute accent | Ý ; | Ý ; |
Þ | capital THORN, Icelandic | Þ ; | Þ ; |
ß | small sharp s, German | ß ; | ß ; |
à | small a, grave accent | à ; | à ; |
á | small a, acute accent | á ; | á ; |
â | small a, circumflex accent | â ; | â ; |
ã | small a, tilde | ã ; | ã ; |
ä | small a, umlaut mark | ä ; | ä ; |
å | small a, ring | å ; | å ; |
æ | small ae | æ ; | æ ; |
ç | small c, cedilla | ç ; | ç ; |
è | small e, grave accent | è ; | è ; |
é | small e, accent | é ; | é ; |
ê | small e, circumflex accent | ê ; | ê ; |
ë | small e, umlaut mark | ë ; | ë ; |
ì | small i, grave accent | ì ; | ì ; |
í | small i, acute accent | í ; | í ; |
î | small i, circumflex accent | î ; | î ; |
ï | small i, umlaut mark | ï ; | ï ; |
ð | small eth, Icelandic | ð ; | ð ; |
ñ | small n, tilde | ñ ; | ñ ; |
ò | small o, grave accent | ò ; | ò ; |
ó | small o, acute accent | ó ; | ó ; |
ô | small o, circumflex accent | ô ; | ô ; |
õ | small o, tilde | õ ; | õ ; |
ö | small o, umlaut mark | ö ; | ö ; |
ø | small o, slash | ø ; | ø ; |
ù | small u, grave accent | ù ; | ù ; |
ú | small u, acute accent | ú ; | ú ; |
û | small u, circumflex accent | û ; | û ; |
ü | small u, umlaut mark | ü ; | ü ; |
ý | small y, acute accent | ý ; | ý ; |
þ | small thorn, Icelandic | þ ; | þ ; |
ÿ | small y, umlaut mark | ÿ ; | ÿ ; |
About The Codes:
Using the Entity CodesThe Unicode numeric an entity codes can be expressed either decimal numbers or ahexadecimal numbers.For instance, the decimal version of the therefore symbol (∴) would be a ∴ the hexadecimal version of the therefore symbol (∴) would be a ∴
Advantage of HTML Entity: Entity names can be simple to remember.
Disadvantage: Browsers might not encourage all the entity names, instead, they can support the used of entity numbers.
Supported Browser:
- Google Chrome
- Microsoft Edge
- Firefox
- Opera
- Safari
Conclusion:
Understanding of HTML entities and are better insight into how can add a symbols that are not on a keyboard. To learn more about a web development in its full element, a related certification course will be more useful and will act as a catalyst for boosting the coding .Simplilearn’s Postgraduate Program in Full Stack Development is a super way to expand a HTML skillset.The Post Graduate Program, designed in collaboration with the Caltech CTME, is ideal for to move to a fast-tracked career path in the Software Development.Experience an expertly crafted a learning path of end-to-end of software development with the hands-on experience in a Full Stack Programming Bootcamp like pedagogy.If aspiring web and mobile developer, HTML training will broaden the skills and career opportunities without any doubt.
Are you looking training with Right Jobs?
Contact Us- Windows Azure Interview Questions and Answers
- Salesforce Architecture Tutorial
- Wrapper Class in Salesforce Tutorial
- salesforce lightning
Related Articles
Popular Courses
- VM Ware Training
11025 Learners
- Microsoft Dynamics Training
12022 Learners
- Siebel Training
11141 Learners
- What is Dimension Reduction? | Know the techniques
- Difference between Data Lake vs Data Warehouse: A Complete Guide For Beginners with Best Practices
- What is Dimension Reduction? | Know the techniques
- What does the Yield keyword do and How to use Yield in python ? [ OverView ]
- Agile Sprint Planning | Everything You Need to Know