HTML5 CHARSET CHAPTER 21

21 TUTORIAL ON HTLML CHARATER SETS


HTML Encoding (Character Sets)

To display an HTML page correctly, a web browser must know which character set to use.

What is Character Encoding?

ASCII was the first character encoding standard (also called character set). ASCII defined 128 different alphanumeric characters that could be used on the internet: numbers (0-9), English letters (A-Z), and some special characters like ! $ + - ( ) @ < > .

ISO-8859-1 was the default character set for HTML 4. This character set supported 256 different character codes.

ANSI (Windows-1252) was the original Windows character set. ANSI is identical to ISO-8859-1, except that ANSI has 32 extra characters.

Because ANSI and ISO-8859-1 were so limited, HTML 4 also supported UTF-8.

UTF-8 (Unicode) covers almost all of the characters and symbols in the world.

The default character set for HTML5 is UTF-8.

The HTML charset Attribute

To display an HTML page correctly, a web browser must know the character set used in the page.

This is specified in the <meta> tag:

<meta charset="UTF-8">

Differences Between Character Sets

The following table displays the differences between the character sets described above:

Numb

ASCII

ANSI

8859

UTF-8

Description

32

space

33

!

!

!

!

exclamation mark

34

"

"

"

"

quotation mark

35

#

#

#

#

number sign

36

$

$

$

$

dollar sign

37

%

%

%

%

percent sign

38

&

&

&

&

ampersand


The ASCII Character Set

ASCII uses the values from 0 to 31 (and 127) for control characters.

ASCII uses the values from 32 to 126 for letters, digits, and symbols.

ASCII does not use the values from 128 to 255.

The ANSI Character Set (Windows-1252)

ANSI is identical to ASCII for the values from 0 to 127.

ANSI has a proprietary set of characters for the values from 128 to 159.

ANSI is identical to UTF-8 for the values from 160 to 255.

The ISO-8859-1 Character Set

8859-1 is identical to ASCII for the values from 0 to 127.

8859-1 does not use the values from 128 to 159.

8859-1 is identical to UTF-8 for the values from 160 to 255.

The UTF-8 Character Set

UTF-8 is identical to ASCII for the values from 0 to 127.

UTF-8 does not use the values from 128 to 159. 

UTF-8 is identical to both ANSI and 8859-1 for the values from 160 to 255.

UTF-8 continues from the value 256 with more than 10 000 different characters.

The @charset CSS Rule

You can use the CSS @charset rule to specify the character encoding used in a style sheet:

Example

Set the encoding of the style sheet to Unicode UTF-8:

@charset "UTF-8";

 FILE DOWNLOAD LINK BELOW

 

 

 


Comments

Post a Comment

Popular posts from this blog

HTML5 MULTIMEDIA PART2 CHAPTER 26

Image
26 TUTORIAL  PART 2 VIDEO AUDIO  HTML  Video The HTML  <video>  element is used to show a video on a web page. <!DOCTYPE html>  <html>  <body>  <video width="400" controls>   <source src="mov_bbb.mp4" type="video/mp4">   <source src="mov_bbb.ogg" type="video/ogg">   Your browser does not support HTML video. </video> </body>  </html> The HTML <video> Element To show a video in HTML, use the  <video>  element: <!DOCTYPE html> <html> <body> <video width="320" height="240" controls>   <source src="movie.mp4" type
Read more

HTML5 COMMENTS & CSS CHAPTER 8

Image
EIGHTH TUTORIAL ON HTML COMMENTS & CSS HTML comments are not displayed in the browser, but they can help document your HTML source code. HTML Comment Tags You can add comments to your HTML source by using the following syntax: <!-- Write your comments here --> With comments you can place notifications and reminders in your HTML: <!DOCTYPE html> <html> <body> <!-- This is a comment --> <p>This is a paragraph.</p> <!-- Comments are not displayed in the browser --> </body> </html> OUTPUT This is a paragraph. Comments are also great for debugging HTML, because you can comment out HTML lines of code, one at a time, to search for errors: <!DOCTYPE html> <html> <body> <!-- Do not display this at the moment <img border="0" src="pic_trulli.jpg" alt="Trulli"> --> </body> HTML  Styles – CSS
Read more

HTML 5 BASIC TAG CHAPTER 3

Image
3 RD TUTORIAL ON HTML 5 BASICS TAGS           HTML Documents Tag All HTML documents must start with a document type declaration:  <!DOCTYPE html> . The HTML document itself begins with  <html>  and ends with  </html> . The visible part of the HTML document is between  <body>  and  </body> . HTML Headings Tags HTML headings are defined with the  <h1>  to  <h6>  tags. <h1>  defines the most important heading.  <h6>  defines the least important heading EXAMPLE <!DOCTYPE html> <html> <head><title>demo</title></head> <body>                 <h1>This is heading 1</h1>                 <h2>This is heading 2</h2>                 <h3>This is heading 3</h3>                 <h4>This is heading 4</h4>                 <h5>This is heading 5</h5>                  <h6>This is heading 6</h6
Read more