HTML5 ਨਵੇਂ ਏਲੀਮੈਂਟ

HTML5 ਵਿੱਚ ਨਵੇਂ ਏਲੀਮੈਂਟ

ਹੇਠ ਲਿਖੇ HTML5 ਦੇ ਨਵੇਂ ਏਲੀਮੈਂਟਾਂ ਦੇ ਵਰਣਨ ਨਾਲ ਮਿਲਾਇਆ ਜਾਵੇਗਾ:

ਨਵੇਂ ਸੈਮੈਂਟਿਕ/ਢਾਂਚਾ ਏਲੀਮੈਂਟ

HTML5 ਵਿੱਚ ਨਵੇਂ ਏਲੀਮੈਂਟ ਦਾ ਉਪਯੋਗ ਬਿਹਤਰ ਦਸਤਾਵੇਜ਼ ਢਾਂਚਾ ਬਣਾਉਣ ਲਈ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ:

ਟੈਗ ਵਰਣਨ
<article> ਦਸਤਾਵੇਜ਼ ਅੰਦਰ ਆਰਟੀਕਲ ਨਿਰਧਾਰਿਤ ਕਰੋ
<aside> ਪੰਨੇ ਦੇ ਸਮੱਗਰੀ ਤੋਂ ਬਾਹਰ ਦਾ ਸਮੱਗਰੀ ਨਿਰਧਾਰਿਤ ਕਰੋ
<bdi> ਹੋਰ ਪਾਠ ਤੋਂ ਅਲੱਗ ਟੈਕਸਟ ਦਿਸ਼ਾ ਨਿਰਧਾਰਿਤ ਕਰੋ
<details> ਉਪਯੋਗਕਰਤਾ ਵੱਲੋਂ ਦੇਖਿਆ ਜਾਣ ਜਾਂ ਛੁਪਾਇਆ ਜਾਣ ਵਾਲੀ ਅਤਿਰਿਕਤ ਜਾਣਕਾਰੀ ਨਿਰਧਾਰਿਤ ਕਰੋ
<dialog> ਡਾਇਲਾਗ ਜਾਂ ਵਿੰਡੋ ਨਿਰਧਾਰਿਤ ਕਰੋ
<figcaption> <figure> ਏਲੀਮੈਂਟ ਦੇ ਟਾਈਟਲ ਨਿਰਧਾਰਿਤ ਕਰੋ
<figure> ਸਵੈ-ਸਮਾਵੇਸ਼ੀ ਸਮੱਗਰੀ ਨਿਰਧਾਰਿਤ ਕਰੋ
<footer> ਦਸਤਾਵੇਜ਼ ਜਾਂ ਖੰਡ ਦੇ ਫੁੱਟਰ ਨਿਰਧਾਰਿਤ ਕਰੋ
<header> ਦਸਤਾਵੇਜ਼ ਜਾਂ ਖੰਡ ਦੇ ਹੈੱਡਰ ਨਿਰਧਾਰਿਤ ਕਰੋ
<main> ਦਸਤਾਵੇਜ਼ ਦਾ ਮੁੱਖ ਸਮੱਗਰੀ ਨਿਰਧਾਰਿਤ ਕਰੋ
<mark> ਮਹੱਤਵਪੂਰਣ ਜਾਂ ਬਲ ਵਾਲੇ ਸਮੱਗਰੀ ਨਿਰਧਾਰਿਤ ਕਰੋ
<menuitem> ਪੈਕੇਜ ਵਿੱਚ ਕਮਾਂਡ/ਮੇਨੂ ਆਈਟਮ ਨਿਰਧਾਰਿਤ ਕਰੋ
<meter> ਪਤਨ ਦੇ ਪੱਧਰ ਵਿੱਚ ਸਕੇਲ ਮੀਟਰ ਨਿਰਧਾਰਿਤ ਕਰੋ
<nav> ਦਸਤਾਵੇਜ਼ ਅੰਦਰ ਨੇਵੀਗੇਸ਼ਨ ਲਿੰਕ ਨਿਰਧਾਰਿਤ ਕਰੋ
<progress> ਟਾਸਕ ਪ੍ਰਗਤੀ ਨਿਰਧਾਰਿਤ ਕਰੋ
<rp> ਰੂਬੀ ਨੋਟਿਸ ਨਾ ਹੋਣ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਦਿਸ਼ਾ ਨਿਰਧਾਰਿਤ ਕਰੋ
<rt> ਚਿੱਤਰ ਵਿੱਚ ਪਾਠ ਦੀ ਵਿਆਖਿਆ/ਪ੍ਰਾਣ ਨਿਰਧਾਰਿਤ ਕਰੋ
<ruby> ਪੂਰਬੀ ਲਿਪੀ ਵਾਲੇ ਚਿੱਤਰ ਵਿੱਚ ਰੂਬੀ ਨੋਟਿਸ ਨਿਰਧਾਰਿਤ ਕਰੋ
<section> ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਖੰਡ ਨਿਰਧਾਰਿਤ ਕਰੋ
<summary> <details> ਏਲੀਮੈਂਟ ਦੇ ਦਿਸ਼ਾ ਨਿਰਧਾਰਿਤ ਕਰੋ
<time> ਮਿਤੀ/ਸਮੇਂ ਨਿਰਧਾਰਿਤ ਕਰੋ
<wbr> ਸੰਭਵ ਟ੍ਰੈਂਸਪੋਜ਼ੀਸ਼ਨ (line-break) ਨਿਰਧਾਰਿਤ ਕਰੋ

ਹੋਰ ਸਬੰਧਤ ਪੜ੍ਹੋ HTML5 ਸੈਮੈਂਟਿਕਦੇ ਸਮਗਰੀ

ਨਵੇਂ ਫਾਰਮ ਏਲੀਮੈਂਟ

ਟੈਗ ਵਰਣਨ
<datalist> ਇਨਪੁੱਟ ਕੰਟਰੋਲ ਦੇ ਪ੍ਰਿਫਾਰਮਿੰਗ ਵਾਲੇ ਪ੍ਰਿਫਾਰਮ ਚੋਣਾਂ ਨਿਰਧਾਰਿਤ ਕਰੋ
<keygen> ਫਾਰਮ ਵਿੱਚ ਵਰਤਿਆ ਜਾਣ ਵਾਲਾ ਕੀ ਜਨਰੇਟਰ ਫੀਲਡ ਨਿਰਧਾਰਿਤ ਕਰੋ
<output> ਗਣਨਾ ਨਤੀਜੇ ਨਿਰਧਾਰਿਤ ਕਰੋ

ਹੋਰ ਸਬੰਧਤ ਪੜ੍ਹੋ ایچ تی ام ال فرم عناصرਚੀਨ ਨਵੇਂ ਪੁਰਾਣੇ ਏਲੀਮੈਂਟ

ਨਵੇਂ ਇਨਪੁੱਟ ਟਾਈਪ

ਨਵੇਂ ਇਨਪੁੱਟ ਟਾਈਪ ਨਵੇਂ ਇਨਪੁੱਟ ਪ੍ਰਤੀਯੋਗ
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height ਅਤੇ width
  • list
  • min ਅਤੇ max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

ਸਿੱਖੋ HTML ਇਨਪੁਟ ਟਾਈਪਵਿੱਚ ਸਾਰੇ ਨਵੇਂ ਅਤੇ ਪੁਰਾਣੇ ਇਨਪੁਟ ਟਾਈਪ

ਸਿੱਖੋ ایچ تی ام ال ورودی خصوصیاتਵਿੱਚ ਸਾਰੀਆਂ ਇਨਪੁਟ ਪ੍ਰਤੀਭੂਤੀਆਂ

HTML5 - ਨਵੀਂ ਪ੍ਰਤੀਭੂਤੀ ਗ੍ਰਿੱਫਿਕਸ

HTML5 ਚਾਰ ਵੱਖ-ਵੱਖ ਪ੍ਰਤੀਭੂਤੀ ਗ੍ਰਿੱਫਿਕਸ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ。

ਇਹ ਉਦਾਹਰਣ <input> ਟੈਗ ਵਿੱਚ ਵਰਤੇ ਗਏ ਵੱਖ-ਵੱਖ ਗ੍ਰਿੱਫਿਕਸ ਦਿਸਾਉਂਦਾ ਹੈ:

ਟੈਗ ਵਰਣਨ
Empty <input type="text" value="Bill Gates" disabled>
Unquoted <input type="text" value=Bill>
Double-quoted <input type="text" value="Bill Gates">
Single-quoted <input type="text" value='Bill Gates'>

HTML5 ਵਿੱਚ, ਜਿਨ੍ਹਾਂ ਪ੍ਰਤੀਭੂਤੀਆਂ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਇਨ੍ਹਾਂ ਚਾਰ ਤਰ੍ਹਾਂ ਦੇ ਗ੍ਰਿੱਫਿਕਸ ਵਰਤੇ ਜਾ ਸਕਦੇ ਹਨ。

HTML5 ਚਿੱਤਰ

ਟੈਗ ਵਰਣਨ
<canvas> JavaScript ਦੀ ਵਰਤੋਂ ਵਾਲੇ ਚਿੱਤਰ ਦਰਸਾਉਣ ਦੇਣਾ
<svg> SVG ਦੀ ਵਰਤੋਂ ਵਾਲੇ ਚਿੱਤਰ ਦਰਸਾਉਣ ਦੇਣਾ

ਹੋਰ ਸਬੰਧਤ ਪੜ੍ਹੋ ایچ تی ام ال5 کینواس ਦੇ ਸਮਗਰੀ

ਹੋਰ ਸਬੰਧਤ ਪੜ੍ਹੋ HTML5 SVG ਦੇ ਸਮਗਰੀ

ਨਵੇਂ ਮੀਡੀਆ ਏਲੀਮੈਂਟ

ਟੈਗ ਵਰਣਨ
<audio> ਸੰਗੀਤ ਜਾਂ ਸਾਊਂਡ ਦੇ ਸਮੱਗਰੀ ਦੇਣਾ
<embed> ਬਾਹਰੀ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਕੰਟੇਨਰ ਦੇਣਾ (ਉਦਾਹਰਣ ਵਜੋਂ ਪਲੱਗਇਨ)
<source> ਵੀਡੀਓ ਅਤੇ ਆਡੀਓ ਦੇ <video> ਅਤੇ <audio> ਦੇ ਸਰੋਤ ਨੂੰ ਦੇਣਾ
<track> ਵੀਡੀਓ ਅਤੇ ਆਡੀਓ ਦੇ <video> ਅਤੇ <audio> ਦੇ ਟਰੈਕ ਨੂੰ ਦੇਣਾ
<video> ਵੀਡੀਓ ਜਾਂ ਫਿਲਮ ਦੇ ਸਮੱਗਰੀ ਦੇਣਾ

ਹੋਰ ਸਬੰਧਤ ਪੜ੍ਹੋ HTML5 ਵੀਡੀਓਦੇ ਸਮਗਰੀ

ਹੋਰ ਸਬੰਧਤ ਪੜ੍ਹੋ HTML5 ਆਡੀਓਦੇ ਸਮਗਰੀ