ایچ تی ام ال5 معرفی

ਹਰੇਕ ਖੰਡ ਵਿੱਚ ਦਿੱਤਾ ਹੋਇਆ HTML5 ਉਦਾਹਰਣ

ਉਦਾਹਰਣ

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 ਤੁਹਾਡਾ ਬਰਾਉਜ਼ਰ ਵੀਡੀਓ ਟੈਗ ਨੂੰ ਸਮਰਥ ਨਹੀਂ ਕਰਦਾ。
</video>
</body>
</html>

ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਇਸ ਉਦਾਹਰਣ ਦੇ ਕਿਵੇਂ ਚਲਦਾ ਹੈ ਦੇਖਣ ਲਈ 'ਆਪਣੇ ਆਪ ਕੋਸ਼ਿਸ਼ ਕਰੋ' ਨੂੰ ਕਲਿੱਕ ਕਰੋ。

ਕੀ HTML5 ਹੈ?

HTML5 ਸਭ ਤੋਂ ਨਵਾਂ HTML ਮਿਆਰ ਹੈ。

HTML5 ਵਿਸ਼ਾਲ ਵੈਬ ਸਮੱਗਰੀ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਣ ਲਈ ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਡਿਜਾਇਨ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ ਬੇਨਤੀ ਕੀਤੇ ਗਏ ਪਲੱਗਇਨ ਦੇ ਬਿਨਾ ਹੈ。

HTML5 ਵਿੱਚ ਨਵੇਂ ਸੰਕਲਪ, ਗਰਾਫਿਕਸ ਅਤੇ ਮੀਡੀਆ ਏਲੀਮੈਂਟ ਹਨ。

HTML5 ਵਿੱਚ ਨਵੇਂ ਏਲੀਮੈਂਟ ਅਤੇ ਨਵੇਂ API ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਨਿਰਮਾਣ ਨੂੰ ਸਰਲ ਬਣਾਉਂਦੇ ਹਨ。

HTML5 ਪਲੇਟਫਾਰਮ ਪਾਰਸ ਹੈ ਅਤੇ ਵੱਖ-ਵੱਖ ਤਰਾਂ ਦੇ ਹਾਰਡਵੇਅਰ (PC, ਟੇਬਲੇਟ, ਮੋਬਾਈਲ, ਟੀ.ਵੀ. ਆਦਿ) ਉੱਤੇ ਚਲਾਇਆ ਜਾਂਦਾ ਹੈ。

ਟਿੱਪਣੀਆਂ:ਹੇਠ ਦੇ ਖੰਡਾਂ ਵਿੱਚ ਤੁਸੀਂ ਸਿੱਖਣਗੇ ਕਿ ਕਿਵੇਂ 'ਮਦਦ' ਕਰਨਾ ਹੈ ਕਿ ਪੁਰਾਣੇ ਵਰਜਨ ਦੇ ਬਰਾਉਜ਼ਰ ਨੂੰ HTML5 ਦਾ ਸਮਾਧਾਨ ਕਰਨਾ ਹੈ。

HTML5 ਵਿੱਚ ਨਵਾਂ ਸਮੱਗਰੀ?

HTML5 ਦਾ ਨਵਾਂ ਦਸਤਾਵੇਜ਼ ਪ੍ਰਕਾਰ (DOCTYPE) ਐਲਾਨ ਵੀ ਬਹੁਤ ਸਰਲ ਹੈ:

<!DOCTYPE html>
ਨਵਾਂ ਚਾਰਕਟ ਕੋਡਿੰਗ (charset) ਐਲਾਨ ਵੀ ਬਹੁਤ ਸਰਲ ਹੈ:
<meta charset="UTF-8">

HTML5 ਉਦਾਹਰਣ:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ਦਸਤਾਵੇਜ਼ ਦਾ ਸਿਰਲੇਖ</title>
</head>
<body>
ਦਸਤਾਵੇਜ਼ ਦਾ ਸਮੱਗਰੀ......
</body>
</html>

ਟਿੱਪਣੀਆਂ:HTML5 ਵਿੱਚ ਡਿਫਾਲਟ ਚਾਰਕਟ ਕੋਡਿੰਗ UTF-8 ਹੈ。

HTML5 - ਨਵੀਂ ਪ੍ਰਤੀਯੋਗਿਤਾ ਗਰਿੱਫਿਕਸ

HTML5 ਮਿਆਰ ਚਾਰ ਵੱਖ-ਵੱਖ ਪ੍ਰਤੀਯੋਗਿਤਾ ਗਰਿੱਫਿਕਸ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ。

ਇਹ ਉਦਾਹਰਣ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ ਕਿ <input> ਟੈਗ ਵਿੱਚ ਕਿਸ ਤਰ੍ਹਾਂ ਦੀ ਗਰੰਥਕਾਰੀ ਵਰਤੀ ਜਾ ਸਕਦੀ ਹੈ:

ਕਿਸਮ ਪ੍ਰਦਰਸ਼ਨ
Empty <input type="text" value="Bill Gates" disabled>
Unquoted <input type="text" value=Bill Gates>
Double-quoted <input type="text" value="Bill Gates">
Single-quoted <input type="text" value='Bill Gates'>

HTML5 ਸਟੈਂਡਰਡ ਵਿੱਚ, ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਜ਼ਰੂਰਤ ਦੇ ਅਨੁਸਾਰ, ਸਾਰੇ 4 ਪ੍ਰਕਾਰ ਦੀ ਗਰੰਥਕਾਰੀ ਵਰਤੀ ਜਾ ਸਕਦੀ ਹੈ。

HTML5 - ਨਵੇਂ ਹੱਦ

HTML5 ਦੇ ਕੁਝ ਸਭ ਤੋਂ ਦਿਲਚਸਪ ਨਵੇਂ ਹੱਦਾਂ:

  • ਨਵੇਂ ਸੈਮੈਂਟਿਕ ਅੰਗ, ਜਿਵੇਂ <header>, <footer>, <article>, ਅਤੇ <section>。
  • ਨਵੇਂ ਫਾਰਮ ਕੰਟਰੋਲ, ਜਿਵੇਂ ਸੰਖਿਆ, ਤਾਰੀਖ, ਸਮਾਂ, ਕੈਲੰਡਰ ਅਤੇ ਸਲੀਡਰ。
  • ਮਜ਼ਬੂਤ ਚਿੱਤਰ ਸਮਰਥਨ (ਜਿਵੇਂ <canvas> ਅਤੇ <svg>)
  • ਮਜ਼ਬੂਤ ਮੀਡੀਆ ਸਮਰਥਨ (ਜਿਵੇਂ <video> ਅਤੇ <audio>)
  • ਮਜ਼ਬੂਤ ਨਵੇਂ API, ਜਿਵੇਂ ਕਿ ਕੂਕੀ ਦੀ ਥਾਂ ਵਿੱਚ ਸਥਾਨਕ ਸਟੋਰੇਜ ਵਰਤਣਾ。

HTML5 - ਹਟੇ ਅੰਗ

ਹੇਠ ਲਿਖੇ HTML 4.01 ਅੰਗ ਹੁਣ HTML5 ਵਿੱਚ ਹਟ ਗਏ ਹਨ:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>