HTML data-* ਲੈਬਲ
- ਪਿੱਛਲਾ ਪੰਨਾ contextmenu
- ਅਗਲਾ ਪੰਨਾ dir
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ ایچ تی ایم ال عالمی اپریٹر
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
data-* ਲੈਬਲ ਪੇਜਿਨ ਜਾਂ ਐਪਲੀਕੇਸ਼ਨ ਦੇ ਪ੍ਰਾਈਵੇਟ ਵਿਸ਼ੇਸ਼ ਦਾਤਾ ਮਿਲਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ
data-* ਲੈਬਲ ਸਾਡੇ ਸਾਰੇ HTML ਐਲੀਮੈਂਟਾਂ ਉੱਤੇ ਵਿਸ਼ੇਸ਼ data ਲੈਬਲ ਪਰਿਭਾਸ਼ਿਤ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਦਿੰਦਾ ਹੈ
ਸਟੋਰਡ (ਵਿਸ਼ੇਸ਼) ਦਾਤਾ ਪੇਜਿਨ ਵਿੱਚ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ (Ajax ਕਾਲ ਜਾਂ ਸਰਵਰ ਪਾਰਸੇ ਜਾਂਦਾ ਨਹੀਂ ਹੈ) ਬਿਹਤਰ ਉਪਭੋਗਤਾ ਪ੍ਰਯੋਗ ਕਰਨ ਲਈ
data-* ਲੈਬਲ ਦੋ ਹਿੱਸਿਆਂ ਤੋਂ ਬਣਿਆ ਹੈ:
- ਲੈਬਲ ਨਾਮ ਕਿਸੇ ਵੀ ਬੁਲਲੇਟ ਵਾਲੇ ਅੱਕਸ਼ਰ ਨਹੀਂ ਹੋਣਾ ਚਾਹੀਦਾ ਅਤੇ "data-" ਪ੍ਰਤੀਸ਼ਠਾ ਦੇ ਬਾਅਦ ਘੱਟੋ-ਘੱਟ ਇੱਕ ਅੱਕਸ਼ਰ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ
- ਲੈਬਲ ਮੁੱਲ ਕਿਸੇ ਵੀ ਪਾਠ ਸਟਰਿੰਗ ਹੋ ਸਕਦਾ ਹੈ
ਨੋਟ: ਉਪਭੋਗਤਾ ਉਪਕਰਮ "data-" ਪ੍ਰਤੀਸ਼ਠਾ ਵਾਲੇ ਵਿਸ਼ੇਸ਼ ਲੈਬਲ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਨਾਲ ਨਾਚੂਕ ਕਰਦਾ ਹੈ。
ਹੋਰ ਦੇਖੋ:
HTML ਸਿੱਖਿਆ ਪੁਸਤਕ:HTML ਪ੍ਰਤੀਯੋਗਿਤਾ
HTML DOM ਸੰਦਰਭ ਦਸਤਾਵੇਜ਼:HTML DOM getAttribute() ਮੈਥਡ
ਉਦਾਹਰਣ
ਵਰਤੋਂ data-* ਪ੍ਰਤੀਯੋਗਿਤਾ ਨਾਲ ਪਰਸੋਨਲਾਈਜ਼ਡ ਡਾਟਾ ਮਿਸ਼ਰਣ:
<ul> <li data-animal-type="ਪਕਸੀ">ਕਰੋਕੋਡਿਲ</li> <li data-animal-type="ਮੱਛੀ">ਟੁਨਾ</li> <li data-animal-type="ਸਪੀਡਰ">ਮਕਸ਼ਰ</li> </ul>
ਗਣਨਾ
<element data-*="somevalue">
ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ
| ਮੁੱਲ | ਵਰਣਨ |
|---|---|
| somevalue | ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਮੁੱਲ ਨੂੰ (ਚਿੰਨ੍ਹ ਦੇ ਰੂਪ ਵਿੱਚ) ਨਿਰਧਾਰਿਤ ਕਰੋ。 |
ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ
ਸਤਰ ਵਿੱਚ ਦਿੱਤੇ ਗਏ ਨੰਬਰ ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਪਹਿਲੀ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਨ ਵਾਲੀ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਕਰਣ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。
| ਚਰੋਮ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
|---|---|---|---|---|
| ਚਰੋਮ | ਐਂਜਲ | ਫਾਇਰਫਾਕਸ | ਸੈਫਾਰੀ | ਓਪਰਾ |
| 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
- ਪਿੱਛਲਾ ਪੰਨਾ contextmenu
- ਅਗਲਾ ਪੰਨਾ dir
- ਪਿੱਛੇ ਵਾਪਸ ਜਾਓ ایچ تی ایم ال عالمی اپریٹر
