Front-end Tutorials

Front-end Tutorials

HTMLCSSSassJavaScriptReactJS
CMS Tutorials

CMS Tutorials

WordPress
Tutorials expand

HTML Charset

Posted in HTML Tutorial
Updated on Dec 14, 2023
By Mari Selvan
👁️ 471 - Views
⏳ 4 mins
💬 1 Comment
HTML Charset

Photo Credit to CodeToFun

What is HTML Charset?

HTML Charset refers to the character encoding used for interpreting and displaying text within an HTML document.

It specifies the mapping between character codes and the corresponding visual representation of characters.

The most commonly used HTML charset is UTF-8 (Unicode Transformation Format 8-bit), which supports a wide range of characters from various writing systems and is backward-compatible with ASCII.

UTF-8 is recommended as the default character encoding for HTML documents.

To specify the charset in an HTML document, you can use the tag within the section of your HTML document. Here's an example:

demo.py
Copied
Copy To Clipboard
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>HTML Document</title>
  </head>
  <body>
    <!-- Content of the HTML document -->
  </body>
</html>

In this example, the <meta> tag with the charset attribute set to "UTF-8" indicates that the HTML document should be interpreted and displayed using the UTF-8 character encoding.

It's important to ensure that the charset specified in the HTML document matches the actual encoding used for the text content. Using the correct charset is essential for proper rendering and handling of special characters, multilingual content, and internationalization.

Types of Charset

There are several types of charsets (character encodings) that can be used in HTML documents.

Here are some commonly used charsets:

  1. UTF-8: UTF-8 (Unicode Transformation Format 8-bit) is the most widely used character encoding for HTML documents. It supports a vast range of characters from various writing systems and is backward-compatible with ASCII.
  2. ISO-8859-1: Also known as Latin-1, ISO-8859-1 is a character encoding that covers a subset of the Latin alphabet used by many Western European languages. It does not support characters from other writing systems or extended characters.
  3. Windows-1252: Windows-1252 is an extension of ISO-8859-1 and provides additional characters used in the Windows operating system. It is commonly used in web pages targeting Windows-based systems.
  4. UTF-16: UTF-16 (Unicode Transformation Format 16-bit) is a variable-length encoding that represents characters using 16-bit code units. It supports the entire Unicode character set but requires more storage space compared to UTF-8.
  5. ASCII: ASCII (American Standard Code for Information Interchange) is a 7-bit character encoding scheme that represents basic Latin alphabet characters and a limited set of symbols. It does not support extended characters or characters from other writing systems.
  6. ISO-8859-2, ISO-8859-3, ISO-8859-4, etc.: These are ISO-8859 character encodings that cover specific subsets of the Latin alphabet used by various European languages.

It's important to choose the appropriate charset for your HTML document based on the language, characters, and writing systems you need to support.

UTF-8 is generally recommended as the default choice due to its broad compatibility and support for a wide range of characters.

The following table provides a different types of Character sets described above:

NumberASCIIANSI8859-1UTF-8Description
32 space
33!!!!exclamation mark
34""""quotation mark
35####number sign
36$$$$dollar sign
37%%%%percent sign
38&&&&ampersand
39''''apostrophe
40((((left parenthesis
41))))right parenthesis
42****asterisk
43++++plus sign
44,,,,comma
45----hyphen-minus
46....full stop
47////solidus
480000digit zero
491111digit one
502222digit two
513333digit three
524444digit four
535555digit five
546666digit six
557777digit seven
568888digit eight
579999digit nine
58::::colon
59;;;;semicolon
60<<<<less-than sign
61====equals sign
62>>>>greater-than sign
63????question mark
64@@@@commercial at
65AAAALatin capital letter A
66BBBBLatin capital letter B
67CCCCLatin capital letter C
68DDDDLatin capital letter D
69EEEELatin capital letter E
70FFFFLatin capital letter F
71GGGGLatin capital letter G
72HHHHLatin capital letter H
73IIIILatin capital letter I
74JJJJLatin capital letter J
75KKKKLatin capital letter K
76LLLLLatin capital letter L
77MMMMLatin capital letter M
78NNNNLatin capital letter N
79OOOOLatin capital letter O
80PPPPLatin capital letter P
81QQQQLatin capital letter Q
82RRRRLatin capital letter R
83SSSSLatin capital letter S
84TTTTLatin capital letter T
85UUUULatin capital letter U
86VVVVLatin capital letter V
87WWWWLatin capital letter W
88XXXXLatin capital letter X
89YYYYLatin capital letter Y
90ZZZZLatin capital letter Z
91[[[[left square bracket
92\\\\reverse solidus
93]]]]right square bracket
94^^^^circumflex accent
95____low line
96````grave accent
97AaaaLatin small letter a
98BbbbLatin small letter b
99CcccLatin small letter c
100DdddLatin small letter d
101EeeeLatin small letter e
102FfffLatin small letter f
103GgggLatin small letter g
104HhhhLatin small letter h
105IiiiLatin small letter i
106JjjjLatin small letter j
107KkkkLatin small letter k
108LlllLatin small letter l
109MmmmLatin small letter m
110NnnnLatin small letter n
111OoooLatin small letter o
112PpppLatin small letter p
113QqqqLatin small letter q
114RrrrLatin small letter r
115SsssLatin small letter s
116TtttLatin small letter t
117UuuuLatin small letter u
118VvvvLatin small letter v
119WwwwLatin small letter w
120XxxxLatin small letter x
121YyyyLatin small letter y
122ZzzzLatin small letter z
123{{{{left curly bracket
124||||vertical line
125}}}}right curly bracket
126~~~~tilde
127DELDescription
128euro sign
129NOT USED
130single low-9 quotation mark
131ƒLatin small letter f with hook
132double low-9 quotation mark
133horizontal ellipsis
134dagger
135double dagger
136ˆmodifier letter circumflex accent
137per mille sign
138ŠLatin capital letter S with caron
139single left-pointing angle quotation mark
140ŒLatin capital ligature OE
141NOT USED
142ŽLatin capital letter Z with caron
143NOT USED
144NOT USED
145left single quotation mark
146right single quotation mark
147left double quotation mark
148right double quotation mark
149bullet
150en dash
151em dash
152˜small tilde
153trade mark sign
154šLatin small letter s with caron
155single right-pointing angle quotation mark
156œLatin small ligature oe
157NOT USED
158žLatin small letter z with caron
159ŸLatin capital letter Y with diaeresis
160no-break space
161¡¡¡inverted exclamation mark
162¢¢¢cent sign
163£££pound sign
164¤¤¤currency sign
165¥¥¥yen sign
166¦¦¦broken bar
167§§§section sign
168¨¨¨diaeresis
169©©©copyright sign
170ªªªfeminine ordinal indicator
171«««left-pointing double angle quotation mark
172¬¬¬not sign
173soft hyphen
174®®®registered sign
175¯¯¯macron
176°°°degree sign
177±±±plus-minus sign
178²²²superscript two
179³³³superscript three
180´´´acute accent
181µµµmicro sign
182pilcrow sign
183···middle dot
184¸¸¸cedilla
185¹¹¹superscript one
186ºººmasculine ordinal indicator
187»»»right-pointing double angle quotation mark
188¼¼¼vulgar fraction one quarter
189½½½vulgar fraction one half
190¾¾¾vulgar fraction three quarters
191¿¿¿inverted question mark
192ÀÀÀLatin capital letter A with grave
193ÁÁÁLatin capital letter A with acute
194ÂÂÂLatin capital letter A with circumflex
195ÃÃÃLatin capital letter A with tilde
196ÄÄÄLatin capital letter A with diaeresis
197ÅÅÅLatin capital letter A with ring above
198ÆÆÆLatin capital letter AE
199ÇÇÇLatin capital letter C with cedilla
200ÈÈÈLatin capital letter E with grave
201ÉÉÉLatin capital letter E with acute
202ÊÊÊLatin capital letter E with circumflex
203ËËËLatin capital letter E with diaeresis
204ÌÌÌLatin capital letter I with grave
205ÍÍÍLatin capital letter I with acute
206ÎÎÎLatin capital letter I with circumflex
207ÏÏÏLatin capital letter I with diaeresis
208ÐÐÐLatin capital letter Eth
209ÑÑÑLatin capital letter N with tilde
210ÒÒÒLatin capital letter O with grave
211ÓÓÓLatin capital letter O with acute
212ÔÔÔLatin capital letter O with circumflex
213ÕÕÕLatin capital letter O with tilde
214ÖÖÖLatin capital letter O with diaeresis
215×××multiplication sign
216ØØØLatin capital letter O with stroke
217ÙÙÙLatin capital letter U with grave
218ÚÚÚLatin capital letter U with acute
219ÛÛÛLatin capital letter U with circumflex
220ÜÜÜLatin capital letter U with diaeresis
221ÝÝÝLatin capital letter Y with acute
222ÞÞÞLatin capital letter Thorn
223ßßßLatin small letter sharp s
224àààLatin small letter a with grave
225áááLatin small letter a with acute
226âââLatin small letter a with circumflex
227ãããLatin small letter a with tilde
228äääLatin small letter a with diaeresis
229åååLatin small letter a with ring above
230æææLatin small letter ae
231çççLatin small letter c with cedilla
232èèèLatin small letter e with grave
233éééLatin small letter e with acute
234êêêLatin small letter e with circumflex
235ëëëLatin small letter e with diaeresis
236ìììLatin small letter i with grave
237íííLatin small letter i with acute
238îîîLatin small letter i with circumflex
239ïïïLatin small letter i with diaeresis
240ðððLatin small letter eth
241ñññLatin small letter n with tilde
242òòòLatin small letter o with grave
243óóóLatin small letter o with acute
244ôôôLatin small letter o with circumflex
245õõõLatin small letter o with tilde
246öööLatin small letter o with diaeresis
247÷÷÷division sign
248øøøLatin small letter o with stroke
249ùùùLatin small letter u with grave
250úúúLatin small letter u with acute
251ûûûLatin small letter with circumflex
252üüüLatin small letter u with diaeresis
253ýýýLatin small letter y with acute
254þþþLatin small letter thorn
255ÿÿÿLatin small letter y with diaeresis

👨‍💻 Join our Community:

To get interesting news and instant updates on Front-End, Back-End, CMS and other Frameworks. Please Join the Telegram Channel:

Author

author
👋 Hey, I'm Mari Selvan

For over eight years, I worked as a full-stack web developer. Now, I have chosen my profession as a full-time blogger at codetofun.com.

Buy me a coffee to make codetofun.com free for everyone.

Buy me a Coffee

Share Your Findings to All

Subscribe
Notify of
guest
1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Mari Selvan
Mari Selvan
1 year ago

If you have any doubts regarding this article (HTML Charset) please comment here. I will help you immediately.

We make use of cookies to improve our user experience. By using this website, you agree with our Cookies Policy
AgreeCookie Policy