ایچ تی ایم ایل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 ਸਟੈਂਡਰਡ 4 ਵੱਖ-ਵੱਖ ਪ੍ਰਤੀਭਾਵੀ ਗਰੰਟੇ ਦੀ ਪ੍ਰਵਾਨਗੀ ਦਿੰਦਾ ਹੈ。

ਇਹ ਉਦਾਹਰਣ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ ਕਿ <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>