HTML <article> ਟੈਗ
ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ
<article>
ਟੈਗ ਸਵੈਨਿਰਧਾਰੀ, ਸੁਤੰਤਰ, ਸੁਤੰਤਰ ਸਮੱਗਰੀ ਨੂੰ ਨਿਰਦੇਸ਼ ਕਰਦਾ ਹੈ。
ਇੱਕ ਲੇਖ ਸਵੈਨਿਰਧਾਰੀ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ ਅਤੇ ਸਰੂਪ ਵਿੱਚ ਵੀ ਸੁਤੰਤਰ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ。
<articel>
ਇਲੀਮੈਂਟ ਦੇ ਸੰਭਾਵਿਤ ਸਰੋਤਾਂ ਵਿੱਚ ਹਨ:
- ਫੋਰਮ ਪੋਸਟਸ
- ਬਲੌਗ ਆਰਟੀਕਲਜ਼
- ਰਿਪੋਰਟਿੰਗ ਨਿਊਜ਼
- ਯੂਜ਼ਰ ਕਮੈਂਟਸ
ਨੋਟ:ਬਰਾਊਜ਼ਰ ਵਿੱਚ:<article>
ਇਲੀਮੈਂਟ ਖ਼ੁਦ ਕੋਈ ਵਿਸ਼ੇਸ਼ ਸਟਾਈਲ ਨਹੀਂ ਪੇਸ਼ ਕਰਦਾ। ਪਰ, ਤੁਸੀਂ ਕ੍ਰਿਸਟਸ ਸਟਾਈਲ ਵਰਤ ਸਕਦੇ ਹੋ। <article>
ਇਲੀਮੈਂਟ (ਹੇਠ ਦੇ ਉਦਾਹਰਣ ਵਿੱਚ ਦੇਖੋ)。
ਹੋਰ ਦੇਖੋ:
HTML DOM ਪੁਸਤਕਾਤਮਕ ਮੈਨੂਅਲ:ਐਰਟੀਕਲ ਆਬਜੈਕਟ
ਉਦਾਹਰਣ
ਉਦਾਹਰਣ 1
ਤਿੰਨ ਸਵੈਨਿਰਧਾਰੀ, ਸੁਤੰਤਰ ਮਾਸਟਰ ਕਰਨ ਵਾਲੇ ਲੇਖ:
<article> <h2>ਗੂਗਲ ਚਾਰੋਮੋ</h2> <p>ਗੂਗਲ ਚਾਰੋਮੋ ਦੁਆਰਾ ਵਿਕਸਿਤ ਨੈੱਟਵਰਕ ਬਰਾਊਜ਼ਰ ਹੈ, 2008 ਵਿੱਚ ਜਾਰੀ ਕੀਤਾ ਗਿਆ। ਚਾਰੋਮੋ ਮੌਜੂਦਾ ਵਿੱਚ ਸਭ ਤੋਂ ਪ੍ਰਸਿੱਧ ਨੈੱਟਵਰਕ ਬਰਾਊਜ਼ਰ ਹੈ!</p> </article> <article> <h2>ਮੋਜ਼ੀਲਾ ਫਾਇਰਫਾਕਸ</h2> <p>ਮੋਜ਼ੀਲਾ ਫਾਇਰਫਾਕਸ ਮੋਜ਼ੀਲਾ ਦੁਆਰਾ ਵਿਕਸਿਤ ਖੁੱਲ੍ਹੀ ਜਾਰੀ ਨੈੱਟਵਰਕ ਬਰਾਊਜ਼ਰ ਹੈ। 2018 ਜਨਵਰੀ ਤੋਂ ਫਾਇਰਫਾਕਸ ਦੂਜਾ ਸਭ ਤੋਂ ਪ੍ਰਸਿੱਧ ਨੈੱਟਵਰਕ ਬਰਾਊਜ਼ਰ ਰਿਹਾ ਹੈ。</p> </article> <article> <h2>Microsoft Edge</h2> <p>Microsoft Edge ਮਾਈਕਰੋਸਾਫਟ ਵਲੋਂ ਵਿਕਸਿਤ ਇੱਕ ਨੈੱਟਵਰਕ ਬਰਾਉਜ਼ਰ ਹੈ ਜੋ 2015 ਵਿੱਚ ਜਾਰੀ ਕੀਤਾ ਗਿਆ ਸੀ।Microsoft Edge Internet Explorer ਦੀ ਥਾਂ ਆਇਆ ਹੈ。</p> </article>
ਉਦਾਹਰਣ 2
ਐਰਟੀਕਲ ਏਲੀਮੈਂਟ ਦੇ ਸਟਾਈਲ ਨੂੰ CSS ਦੁਆਰਾ ਸੈਟ ਕਰੋ:
<html> <head> <style> .all-browsers { margin: 0; padding: 5px; background-color: lightgray; } .all-browsers > h1, .browser { margin: 10px; padding: 5px; } .browser { background: white; } .browser > h2, p { margin: 4px; font-size: 90%; } </style> </head> <body> <article class="all-browsers"> <h1>ਸਭ ਤੋਂ ਪ੍ਰਸਿੱਧ ਬਰਾਊਜ਼ਰਜ਼</h1> <article class="browser"> <h2>ਗੂਗਲ ਚਾਰੋਮੋ</h2> <p>ਗੂਗਲ ਚਾਰੋਮੋ ਦੁਆਰਾ ਵਿਕਸਿਤ ਨੈੱਟਵਰਕ ਬਰਾਊਜ਼ਰ ਹੈ, 2008 ਵਿੱਚ ਜਾਰੀ ਕੀਤਾ ਗਿਆ। ਚਾਰੋਮੋ ਮੌਜੂਦਾ ਵਿੱਚ ਸਭ ਤੋਂ ਪ੍ਰਸਿੱਧ ਨੈੱਟਵਰਕ ਬਰਾਊਜ਼ਰ ਹੈ!</p> </article> <article class="browser"> <h2>ਮੋਜ਼ੀਲਾ ਫਾਇਰਫਾਕਸ</h2> <p>ਮੋਜ਼ੀਲਾ ਫਾਇਰਫਾਕਸ ਮੋਜ਼ੀਲਾ ਦੁਆਰਾ ਵਿਕਸਿਤ ਖੁੱਲ੍ਹੀ ਜਾਰੀ ਨੈੱਟਵਰਕ ਬਰਾਊਜ਼ਰ ਹੈ। 2018 ਜਨਵਰੀ ਤੋਂ ਫਾਇਰਫਾਕਸ ਦੂਜਾ ਸਭ ਤੋਂ ਪ੍ਰਸਿੱਧ ਨੈੱਟਵਰਕ ਬਰਾਊਜ਼ਰ ਰਿਹਾ ਹੈ。</p> </article> <article class="browser"> <h2>Microsoft Edge</h2> <p>Microsoft Edge ਮਾਈਕਰੋਸਾਫਟ ਵਲੋਂ ਵਿਕਸਿਤ ਇੱਕ ਨੈੱਟਵਰਕ ਬਰਾਉਜ਼ਰ ਹੈ ਜੋ 2015 ਵਿੱਚ ਜਾਰੀ ਕੀਤਾ ਗਿਆ ਸੀ।Microsoft Edge Internet Explorer ਦੀ ਥਾਂ ਆਇਆ ਹੈ。</p> </article> </article> </body> </html>
ਸਾਰਵਤਰਿਕ ਪ੍ਰਤੀਯੋਗਿਤਾ
<article>
ਟੈਗ ਨੇ ਵੀ HTML ਵਿੱਚ ਸਾਰਵਤਰਿਕ ਪ੍ਰਤੀਯੋਗਿਤਾ.
ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ
<article>
ਟੈਗ ਨੇ ਵੀ HTML ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ.
ਮੂਲਭੂਤ ਸੀਐੱਸਐੱਸ ਸੈਟਿੰਗ
ਮਿਆਰੀ ਕ੍ਰਿਪਟੋਲੋਜੀ ਵਰਤਾਉਣ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਆਮ ਤੌਰ 'ਤੇ ਹੇਠ ਲਿਖੇ ਮੂਲਭੂਤ ਮੁੱਲਾਂ ਦਾ ਵਰਤੋਂ ਕਰਦੇ ਹਨ <article>
ਏਲੀਮੈਂਟ:
article { display: block; }
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਇਸ ਸਾਰੀ ਸ਼ਾਮਲ ਸੰਖਿਆ ਵਿੱਚ ਪਹਿਲੀ ਵਾਰ ਇਸ ਤੱਤ ਨੂੰ ਸਮਰਥਨ ਕਰਨ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਖਿਆ ਦਿੱਤੀ ਗਈ ਹੈ。
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
---|---|---|---|---|
ਚਰਮ | ਐਜ਼ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪੇਰਾ |
6.0 | 9.0 | 4.0 | 5.0 | 11.1 |