FOLLOW US ON TWITTER



FOLLOW US



img/blogimg/html5.jpg


@coder 848

HTML Charsets Entities


2021-11-17 19:54 · 4 min read

In HTML some characters are reserved like less than (<) and greater than (>), SO whenever your text content these characters, Browser will mix them with tags, Reserved characters in HTML must be replaced considering quality entities.
So in this case we use character entities to display reserved characters correctly.

&entity_name; or &entity_number;

so display the above example we use : (&lt;) and (&#60;) for less than

 

</Some famous character Entities >

Second Definition: Many symbols and special characters are required while developing a web page in HTML, but as we know that sometimes the use of characters directly may interfere with the actual HTML code which has certain characters reserved and also certain characters being not available on the keyboard. Thus, to avoid the conflict and at the same time to be able to use different symbols in our code w3 org provides us with 'Character Entities'

Character Entities are predefined with 'Entity Name' - &entity_name, and 'Entity Number' - &entity_number; so we need to use either of the two for the required symbol to be rendered on our page.

A simple example with the use of character entity for 'magnifying glass :


 

<input type="text" placeholder=" &#128269; Search"/>

Non-breaking Space

Non-breaking Space is one the most usable Entity to adding space

In HTML if you write 5 spaces in your text, the browser will remove all extra space, and only one space is left in this case browser only display 1 space and remove 4, that's why we use &nbsp;(Non-breaking Space) character entity

Example: without &nbsp; entity and with &nbsp;  

Some famous character Entities

NUMBERASCII ANSI ISO-8859-1 UTF-8DESCRIPTION
32 space
32 Space
33!Exclamation Mark
34"Quotation Mark
35#Hash Sign
TAGS:






POST COMMENTS
No Comment

Please login to post comment




POPULAR POSTS

best free web hosting services...
what is new in miui 11?...
free website ssl security using cloudfla...
do you want to make money online?...
CSS3 @IMPORT RULES...
What is HTML Anchor Tag and Hyperlinks?...
How to host a web page in 10 minutes....
CSS3 RESPONSIVE UI...
Tables HTML...
CSS3 FUNCTIONS...
How to use CSS3 Overflow Property?...
CSS3 FILTERS...


RECENT COMMENTS

2022-03-05 11:05
By coder on XAMPP - MySQL shutdown unexpectedly | How to fix MySQL crash unexpectedly
2021-10-12 12:34
By abnongoke on do you want to make money online?
2021-10-12 12:34
By abnongoke on how to get a free website domain name?
2021-10-12 12:34
By solar panel for shed on what is new in miui 11?
2021-10-12 12:34
By solar panel for shed on best free web hosting services
2021-10-12 12:34
By amos tanui on free website ssl security using cloudflare


SOCIAL SHARE



FOLLOW US ON TWITTER



FOLLOW US ON FACEBOOK



FOLLOW US







Recent Blogs



Contact Us

Subscribe Our News-Letter



Kashipur, 244713
Uttarakhand, India



© www.prodevskill.com 2023. All Rights Reserved. Powered by Pro Developer