writing punjabi characters in webpage (characters set)

HTML Character Sets

To display an HTML page correctly, the browser must know what character-set to use.
 
The character-set for the early world wide web was ASCII. ASCII supports the numbers from 0-9, the uppercase and lowercase English alphabet, and some special characters.
There are many languages other than English in which a web page is to be represent. One of this languages is Punjabi, which we are writing in web page with the help of UTF-8 charset which is a variable-width encoding that can represent every character in the Unicode character set. It was designed for backward compatibility with ASCII and to avoid the complications of endianness and byte order marks in UTF-16 and UTF-32.

UTF-8

UTF-8 has become the dominant character encoding for the World Wide Web, accounting for more than half of all Web pages. The Internet Mail Consortium (IMC) recommends that all e-mail programs be able to display and create mail using UTF-8.UTF-8 is also increasingly being used as the default character encoding in operating systems, programming languages, APIs, and software applications

<!DOCTYPE html>
<html>
  <head>
    <!-- defining UTF 8 charset -->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
  </head>
  <body>
    <p> ਪਬਲੀਕੇਸ਼ਨ ਬਿਊਰੋ </p>
    <p> ਯੂਨੀਵਰਸਿਟੀ ਬਾਰੇ </p>
  </body>
</html>

Output will be displayed in Punjabi

ਪਬਲੀਕੇਸ਼ਨ ਬਿਊਰੋ

ਯੂਨੀਵਰਸਿਟੀ ਬਾਰੇ 

If we remove charset line like :

<!DOCTYPE html>
<html>
  <head>
    <!-- NO charset -->
  </head>
  <body>
    <p> ਪਬਲੀਕੇਸ਼ਨ ਬਿਊਰੋ </p>
    <p> ਯੂਨੀਵਰਸਿਟੀ ਬਾਰੇ </p>
  </body>
</html>

Output :

 ਪਬਲੀਕੇਸ਼ਨ ਬਿਊਰੋ

ਯੂਨੀਵਰਸਿਟੀ ਬਾਰੇ