ਪੁਰਾਣੇ HTML ਤੱਤ ਅਤੇ HTML5 ਲਈ ਉਹ ਨਵੇਂ ਸ਼ਾਮਲ ਹਨ
ਹਾਲਾਂਕਿ ਇਸਦੇ ਵਿਕਾਸ ਨੂੰ ਕਈ ਸਾਲ ਪਹਿਲਾਂ ਸ਼ੁਰੂ ਕੀਤਾ ਗਿਆ ਸੀ, ਪਰ HTML5 ਪਹਿਲਾਂ ਅਸਲ ਵਿੱਚ ਵੈਬ ਡਿਜ਼ਾਈਨਰਾਂ / ਡਿਵੈਲਪਰਾਂ ਨਾਲ 2010 ਵਿੱਚ ਆਮ ਵਰਤੋਂ ਵਿੱਚ ਆਉਣਾ ਸ਼ੁਰੂ ਕਰ ਦਿੱਤਾ. ਗੇਟ ਤੋਂ ਬਾਹਰ, ਭਾਸ਼ਾ ਬਹੁਤ ਸਾਰੇ ਵੈਬ ਪੇਸ਼ਾਵਰਾਂ ਤੋਂ ਜਾਣੂ ਸੀ ਕਿਉਂਕਿ ਸ਼ੁਰੂਆਤ ਤੋਂ ਹਰ ਚੀਜ ਨੂੰ ਨਵਾਂ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰਨ ਦੀ ਬਜਾਏ, HTML5 ਪਹਿਲਾਂ ਕੀ ਹੋਇਆ ਸੀ ਤੇ ਬਣਾਇਆ ਗਿਆ. ਐਚਟੀਐਮਐਲ 4.01 ਨੂੰ ਜਾਨਣ ਵਾਲਾ ਕੋਈ ਵੀ ਵਿਅਕਤੀ ਛੇਤੀ ਇਹ ਪਾਇਆ ਗਿਆ ਕਿ ਉਸ ਸੰਸਕਰਣ ਦਾ ਥੋੜ੍ਹਾ ਜਿਹਾ ਜਿਹਾ ਵੀ HTML5 ਵਿੱਚ ਲੱਭਿਆ ਜਾ ਸਕਦਾ ਹੈ.
ਹਾਲਾਂਕਿ HTML5 ਵਿੱਚ ਕਈ ਅੰਸ਼ ਸ਼ਾਮਿਲ ਹਨ ਜੋ ਕੁਝ ਸਮੇਂ ਲਈ ਐਚਐਲਐਮ ਵਿੱਚ ਮੌਜੂਦ ਸਨ, ਇਸਨੇ ਕੁਝ ਮੁੱਢਲੇ ਤੱਤਾਂ ਦੀ ਸ਼ੁਰੂਆਤ ਕੀਤੀ ਜੋ HTML5 ਲਈ ਨਵੇਂ ਸਨ. ਇਹਨਾਂ ਵਿੱਚੋਂ ਬਹੁਤ ਸਾਰੇ ਨਵੇਂ ਤੱਤਾਂ ਲਈ, "ਕਾਲਪਥਾਂ ਨੂੰ ਪੱਬ" ਕਹਿੰਦੇ ਹਨ, ਇਕ ਤਰੀਕਾ ਵਰਤਿਆ ਗਿਆ ਸੀ. ਇਹ ਇਕ ਅਜਿਹਾ ਸ਼ਬਦ ਹੈ ਜੋ ਆਮ ਤੌਰ 'ਤੇ ਆਈਟੀ ਵਿਚ ਆਮ ਤੌਰ' ਤੇ ਇਹ ਦਰਸਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਕਿ ਲੋਕ ਪਹਿਲਾਂ ਤੋਂ ਕੀ ਕਰ ਰਹੇ ਹਨ ਅਤੇ ਅਜਿਹਾ ਕਰਦੇ ਹਨ. ਵੈਬ ਡਿਜ਼ਾਈਨਰਾਂ ਦੇ ਮਾਮਲੇ ਵਿੱਚ, ਇਹ ਵੇਖਣ ਲਈ ਕਿ ਉਹ ਪਹਿਲਾਂ ਹੀ ਪੰਨਿਆਂ ਦਾ ਨਿਰਮਾਣ ਕਰ ਰਹੇ ਸਨ ਅਤੇ ਉਹਨਾਂ ਗਤੀਵਿਧੀਆਂ ਦੇ ਨਵੇਂ ਤੱਤ 'ਤੇ ਅਧਾਰ ਫੈਸਲਿਆਂ ਬਾਰੇ ਸੀ. ਉਦਾਹਰਣ ਦੇ ਲਈ, ਬਹੁਤ ਸਾਰੇ ਵੈਬ ਪੇਸ਼ਾਵਰ ਡਿਵੀਜ਼ਨਾਂ ਵਾਲੇ ਵੈਬਸਾਈਟਾਂ ਬਣਾਉਂਦੇ ਹਨ ਜੋ "ਹੈਡਰ", "ਐਨਵਲ", ਅਤੇ "ਫੁੱਟਰ." ਦੇ ਆਈਡੀ ਜਾਂ ਕਲਾਸ ਐਟ੍ਰੀਬਿਊਟ ਵਰਤੇ. ਇਸ ਤਰ੍ਹਾਂ, HTML5 ਨੇ ਨਵੇਂ ਤੱਤ ਦੇ ਰੂਪ ਵਿੱਚ ਪੇਸ਼ ਕੀਤਾ, ਜਿਸ ਨਾਲ ਵੈਬ ਪੇਸ਼ਾਵਰ ਆਪਣੀਆਂ ਡੌਨੀਆਂ ਨੂੰ ਵਧੇਰੇ ਅਰਥ ਜੋੜਨ ਦੀ ਇਜਾਜ਼ਤ ਦੇ ਰਹੇ ਹਨ, ਸਿਰਫ਼ ਵੰਡਾਂ ਦੀ ਬਜਾਏ ਸਮਰਪਿਤ ਸਿਸਲਿੰਗ ਤੱਤ ਵਰਤ ਕੇ. ਪਹਿਚਾਣਾਂ ਅਤੇ ਪਹਿਰਾਵੇ ਨੂੰ ਪਛਾਣਨ ਵਾਲੀ ਇੱਕ ਪਹਿਚਾਣ ਨੇ HTML5 ਨੂੰ ਛੇਤੀ ਹੀ ਵੈਬ ਡਿਜ਼ਾਈਨ ਇੰਡਸਟਰੀ ਦੁਆਰਾ ਗਲੇ ਲਗਾਉਣ ਲਈ ਮਦਦ ਕੀਤੀ.
HTML5 Doctype
ਸਭ ਤੋਂ ਪਹਿਲਾਂ, ਕਿਸੇ ਵੀ ਨਵੇਂ HTML5 ਤੱਤ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨ ਲਈ, ਤੁਹਾਡੇ ਦਸਤਾਵੇਜ਼ ਵਿੱਚ HTML5 doctype ਸ਼ਾਮਲ ਹੋਣਾ ਜਰੂਰੀ ਹੈ ਜੋ:
ਤੁਸੀਂ ਨੋਟ ਕਰ ਸਕਦੇ ਹੋ ਕਿ ਇਸ doctype ਵਿੱਚ "HTML5" ਦਾ ਜ਼ਿਕਰ ਨਹੀਂ ਹੈ, ਸਗੋਂ ਸੰਸਕਰਣ ਨੂੰ "html" ਦੇ ਰੂਪ ਵਿੱਚ ਦਰਸਾਉਂਦਾ ਹੈ. ਇਹ ਇਸ ਲਈ ਹੈ ਕਿਉਂਕਿ ਇਸ ਕੀਟਕੀਪ ਦਾ ਮਤਲਬ ਹੈ ਭਾਸ਼ਾ ਦੇ ਸਾਰੇ ਰੇਸਤਰਾਂ ਲਈ ਅੱਗੇ ਵਧਣ ਲਈ ਵਰਤਿਆ ਜਾਣਾ.
ਵਾਸਤਵ ਵਿੱਚ, HTML5 ਭਾਸ਼ਾ ਦੇ ਆਖ਼ਰੀ ਅੰਕੀ ਵਰਜ਼ਨ ਵਜੋਂ ਮੰਨੇ ਜਾਣੇ ਚਾਹੀਦੇ ਹਨ, ਭਵਿੱਖ ਵਿੱਚ ਨਵੇਂ ਬਦਲਾਅ ਨੂੰ ਇਕਸਾਰ ਆਧਾਰ ਤੇ ਜੋੜਿਆ ਜਾ ਰਿਹਾ ਹੈ. ਅਸਲ ਵਿੱਚ, ਹੇਠਾਂ ਦਿੱਤੀ ਸੂਚੀ ਵਿੱਚ ਕੁਝ ਤੱਤ, ਜੋ ਕਿ 2010 ਵਿੱਚ ਪਹਿਲੇ ਪ੍ਰਕਿਰਿਆ ਤੋਂ ਬਾਅਦ ਚੰਗੀ ਤਰ੍ਹਾਂ ਭਾਸ਼ਾ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤੇ ਗਏ ਹਨ!
HTML5 ਟੈਗਸ
ਟੈਗ | ਸਪਸ਼ਟੀਕਰਨ |
---|---|
ਐਂਕਰ ਜਾਂ ਲਿੰਕ | |
abbr> | ਸੰਖੇਪ |
address> | ਦਸਤਾਵੇਜ਼ ਦਾ ਪਤਾ ਜਾਂ ਲੇਖਕ |
ਕਲਾਇੰਟ-ਸਾਈਡ ਚਿੱਤਰ ਨਕਸ਼ਾ | |
<ਲੇਖ> ਲੇਖ> | ਆਰਟੀਕਲ |
ਟੈਨਸੀਲ ਸਮੱਗਰੀ | |
<ਆਡੀਓ> audio> | ਔਡੀਓ ਸਟ੍ਰੀਮ |
b> | ਬੋਲਡ |
| ਡੌਕਯੁਮੈੱਨਟ ਦੇ ਤੱਤ ਲਈ ਬੇਸ ਯੂਆਰਆਈ ਮਾਰਗ |
bdo> | ਦੋ-ਦਿਸ਼ਾਈ ਐਲਗੋਰਿਥਮ |
blockquote> | ਲੰਮੇ ਅੰਕੜਾ |
body> | ਸਫ਼ੇ ਦੇ ਮੁੱਖ ਭਾਗ |
| ਲਾਈਨ ਬ੍ਰੇਕ |
<ਬਟਨ> ਬਟਨ> | HTML ਫਾਰਮ ਬਟਨ |
<ਕੈਨਵਸ> canvas> | ਗਤੀਸ਼ੀਲ ਗਰਾਫਿਕਸ ਲਈ ਕੈਨਵਸ |
ਟਿੱਪਣੀ | |
<ਸੁਰਖੀ> caption> | ਟੇਬਲ ਕੈਪਸ਼ਨ |
Cite> | Citation |
code> | ਕੋਡ ਹਵਾਲਾ |
| ਟੇਬਲ ਕਾਲਮ |
| ਸਾਰਣੀ ਕਾਲਮ ਸਮੂਹ |
| ਪੰਨੇ ਤੇ ਕਮਾਂਡ ਜਾਂ ਐਕਸ਼ਨ |
ਦਸਤਾਵੇਜ਼ ਕਿਸਮ ਦੀ ਪਰਿਭਾਸ਼ਾ | |
| ਡਾਟਾ ਗਰਿੱਡ |
<ਡੈਟੀਲਿਸਟ> datalist> | ਹੋਰ ਨਿਯੰਤ੍ਰਣ ਲਈ ਪੂਰਵ ਵਿਕਲਪ |
| ਪਰਿਭਾਸ਼ਾ ਸੂਚੀ ਦਾ ਵੇਰਵਾ ਜਾਂ ਸੰਬੋਧਨ ਦਾ ਸਪੈਨ |
| ਹਟਾਇਆ ਗਿਆ ਟੈਕਸਟ |
details> | ਵਾਧੂ ਆਨ ਮੰਗ ਜਾਣਕਾਰੀ |
dfn> | ਪਰਿਭਾਸ਼ਾ |
ਗੱਲਬਾਤ | |
div> | ਲਾਜ਼ੀਕਲ ਡਿਵੀਜ਼ਨ |
| ਵੇਰਵਾ ਸੂਚੀ |
| ਪਰਿਭਾਸ਼ਾ ਸੂਚੀ ਮਿਆਦ ਜਾਂ ਵਾਰਤਾਲਾਪ ਸਪੀਕਰ |
em> | ਜ਼ੋਰ |
ਪਲੱਗਇਨ ਲਈ ਸ਼ਾਮਿਲ ਐਲੀਮੈਂਟ | |
ਫਾਰਮ ਕੰਟਰੋਲ ਸਮੂਹ | |
<ਫਰੈਂਕੇਸ਼ਨ> figcaption> | ਇੱਕ |
ਵਿਕਲਪਿਕ ਸੁਰਖੀ ਨਾਲ ਚਿੱਤਰ | |
<ਫੁੱਟਰ> footer> | ਸਫ਼ੇ ਦੇ ਫੁੱਟਰ |
ਫਾਰਮ | |
h1> | ਪਹਿਲੀ ਪੱਧਰ ਦੀ ਸੁਰਖੀ |
h2> | ਦੂਜਾ ਪੱਧਰ ਦਾ ਸੁਰਖੀ |
h3> | ਤੀਜੇ ਪੱਧਰ ਦੀ ਸੁਰਖੀ |
h4> | ਚੌਥਾ ਪੱਧਰ ਦੀ ਸੁਰਖੀ |
h5> | ਪੰਜਵੀਂ ਪੱਧਰ ਦੀ ਸੁਰਖੀ |
h6> | ਛੇਵਾਂ ਪੱਧਰ ਦੀ ਸੁਰਖੀ |
head> | ਦਸਤਾਵੇਜ਼ ਦਾ ਮੁਖੀ |
| ਇੱਕ ਸਫ਼ੇ ਦਾ ਸਿਰਲੇਖ |
hgroup> | ਹੈਡਿੰਗ ਸਮੂਹ |
| ਖਿਤਿਜੀ ਨਿਯਮ |
html> | ਇੱਕ ਵੈਬ ਪੇਜ ਦਾ ਰੂਟ ਐਲੀਮੈਂਟ |
i> | ਇਟਾਿਲਿਕ ਪਾਠ ਸ਼ੈਲੀ |
ਇਨਲਾਈਨ ਫ੍ਰੇਮ | |
ਚਿੱਤਰ | |
<ਇਨਪੁਟ> | ਇੰਪੁੱਟ ਫਾਰਮ ਐਲੀਮੈਂਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਬਟਨ"> | ਬਟਨ ਫਾਰਮ ਦਾ ਤੱਤ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਚੈਕਬਾਕਸ"> | ਚੈਕਬੌਕਸ ਫਾਰਮ ਐਲੀਮੈਂਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਰੰਗ"> | ਰੰਗ ਇਨਪੁਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਮਿਤੀ"> | ਮਿਤੀ ਇਨਪੁਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਸਮਾਂ ਕਾਲਮ"> | ਗਲੋਬਲ ਮਿਤੀ ਅਤੇ ਸਮਾਂ ਇੰਪੁੱਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "datetime-local"> | ਸਥਾਨਕ ਮਿਤੀ ਅਤੇ ਸਮਾਂ ਇੰਪੁੱਟ |
<ਇਨਪੁਟ ਕਿਸਮ = "ਈਮੇਲ"> | ਈਮੇਲ ਐਡਰੈੱਸ ਇੰਪੁੱਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਫਾਇਲ"> | ਫਾਇਲ ਅੱਪਲੋਡ ਫਾਰਮ ਐਲੀਮੈਂਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਲੁੱਕ"> | ਓਹਲੇ ਫਾਰਮ ਫੀਲਡ ਐਲੀਮੈਂਟ |
<ਇਨਪੁਟ ਕਿਸਮ = "ਚਿੱਤਰ"> | ਚਿੱਤਰ ਫਾਰਮ ਇਕਾਈ |
<ਇਨਪੁੱਟ ਟਾਈਪ = "ਮਹੀਨਾ"> | ਸਾਲ ਅਤੇ ਮਹੀਨਾ ਇੰਪੁੱਟ |
<ਇਨਪੁਟ ਕਿਸਮ = "ਨੰਬਰ"> | ਨੰਬਰ ਇੰਪੁੱਟ |
<ਇਨਪੁਟ ਕਿਸਮ = "ਪਾਸਵਰਡ"> | ਪਾਸਵਰਡ ਫਾਰਮ ਐਲੀਮੈਂਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਰੇਡੀਓ"> | ਰੇਡੀਓ ਬਟਨ ਫਾਰਮ ਦਾ ਤੱਤ |
<ਇਨਪੁਟ ਕਿਸਮ = "ਰੇਂਜ"> | Imprecise number ਇਨਪੁਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਰੀਸੈਟ"> | ਬਟਨ ਨੂੰ ਫਾਰਮ ਨੂੰ ਤੱਤ ਰੀਸੈੱਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਖੋਜ"> | ਖੋਜ ਖੇਤਰ |
<ਇਨਪੁਟ ਕਿਸਮ = "ਜਮ੍ਹਾਂ ਕਰੋ"> | ਬਟਨ ਫਾਰਮ ਦੇ ਤੱਤ ਨੂੰ ਦਰਜ ਕਰੋ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਟੈਲੀਫੋਨ"> | ਟੈਲੀਫੋਨ ਨੰਬਰ ਇੰਪੁੱਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਟੈਕਸਟ"> | ਟੈਕਸਟ ਫੀਲਡ ਫਾਰਮ ਐਲੀਮੈਂਟ |
<ਇਨਪੁਟ ਟਾਈਪ = "ਸਮਾਂ"> | ਟਾਈਮ ਇੰਪੁੱਟ |
<ਇੰਪੁੱਟ ਟਾਈਪ = "url"> | URL ਇਨਪੁਟ |
<ਇੰਪੁੱਟ ਟਾਈਪ = "ਹਫਤੇ"> | ਸਾਲ ਅਤੇ ਹਫ਼ਤੇ ਦਾ ਇੰਪੁੱਟ |
<ਇਨ> ins> | ਦਰਜ ਕੀਤਾ ਟੈਕਸਟ |
kbd> | ਉਪਭੋਗਤਾ ਦੁਆਰਾ ਦਾਖਲ ਕੀਤੇ ਜਾਣ ਵਾਲੇ ਪਾਠ |
| ਸਰਟੀਫਿਕੇਟ ਪ੍ਰਬੰਧਨ ਲਈ ਸੁਰੱਖਿਅਤ ਕੁੰਜੀਆਂ ਤਿਆਰ ਕਰੋ |
ਫਾਰਮ ਦਾ ਲੇਬਲ | |
<ਲੀਜੈਂਡ> legend> | ਫਾਰਮ ਫੀਲਡਸੈਟ ਕੈਪਸ਼ਨ |
| ਸੂਚੀ ਆਈਟਮ |
ਸਬੰਧਤ ਦਸਤਾਵੇਜ਼ਾਂ ਲਈ ਲਿੰਕ | |
<ਮੁੱਖ> ਮੁੱਖ> | ਇੱਕ ਸਫ਼ੇ ਤੇ ਸਮੱਗਰੀ ਦੇ ਮੁੱਖ ਖੇਤਰ |
ਕਲਾਇੰਟ-ਸਾਈਡ ਚਿੱਤਰ ਨਕਸ਼ਾ | |
mark> | ਨਿਸ਼ਾਨਬੱਧ ਜਾਂ ਹਾਈਲਾਈਟ ਕੀਤੇ ਟੈਕਸਟ |
ਕਮਾਂਡਾਂ ਦੀ ਸੂਚੀ | |
ਦਸਤਾਵੇਜ਼ ਬਾਰੇ ਮੈਟਾ ਜਾਣਕਾਰੀ | |
<ਮੀਟਰ> ਮੀਟਰ> | ਸਕਲੇਰ ਗੇਜ |
ਪਰਿਭਾਸ਼ਿਤ ਕਰੋ ਕਿ ਨੇਵੀਗੇਸ਼ਨ ਲਿੰਕਾਂ ਦੇ ਨਾਲ ਇੱਕ ਖੇਤਰ ਹੈ | |
ਸਮੱਗਰੀ ਜਦੋਂ ਸਕ੍ਰਿਪਟਾਂ ਉਪਲਬਧ ਨਹੀਂ ਹਨ | |
ਗੈਰ-ਮਿਆਰੀ ਵਸਤੂ | |
| ਆਰਡਰਡ ਜਾਂ ਅੰਕਿਤ ਸੂਚੀ |
ਇੱਕ ਚੁਣੀ ਸੂਚੀ ਵਿੱਚ ਵਿਕਲਪਾਂ ਦੇ ਸਮੂਹ | |
ਇੱਕ ਚੁਣੀ ਸੂਚੀ ਵਿੱਚ ਵਿਕਲਪ | |
<ਆਉਟਪੁੱਟ> ਆਉਟਪੁੱਟ> | ਇੱਕ ਫਾਰਮ ਗਣਨਾ ਦੇ ਨਤੀਜੇ |
p> | ਪੈਰਾਗ੍ਰਾਫ |
ਇਕ ਵਸਤੂ ਦੇ ਤੱਤ ਦਾ ਪੈਰਾਮੀਟਰ | |
pre> | ਪ੍ਰੀ-ਫਾਰਮੈਟ ਕੀਤਾ ਟੈਕਸਟ |
ਪ੍ਰਗਤੀ ਸੰਕੇਤਕ | |
q> | ਛੋਟਾ ਇਨਲਾਈਨ ਕੋਟੇਸ਼ਨ |
ਰੂਬੀ ਬਰੈਕਟਸਿਸ | |
ਰੂਬੀ ਟੈਕਸਟ | |
<ਰੂਬੀ> ruby> | ਰੂਬੀ ਐਨੋਟੇਸ਼ਨ |
| ਹੜਤਾਲ ਪਾਠ |
<ਸਾਸ਼ਟ> samp> | ਨਮੂਨਾ ਆਉਟਪੁੱਟ |