HTML ویژگی id

ایچ تی ایمل id پرپٹی ایک انگلش استیلائی کی خاصیت کی طرف دیکھتی ہے اور جاوا اسکریپٹ بھی اس کا استعمال کرسکتا ہے تاکہ وہ خاص آئی ڈی والا عناصر تک رسائی حاصل کرسکے。

ایک ایچ تی ایمل ڈاکومنٹ میں کئی ایسے عناصر نہیں ہو سکتے جو ایک ساتھ ایک ہی آئی ڈی رکھتے ہوئے ہوں。

id پرپٹی کا استعمال

id پرپٹی وہ آئی ڈی ویجیٹ کا تعریف کرتی ہے جو آئی ڈی کا استعمال کرتی ہے。 id پرپٹی کا ویلو ایچ تی ایمل ڈاکومنٹ میں منفرد ہونا چاہئے。

id پرپٹی ایک انگلش استیلائی کی خاصیت کی طرف دیکھتی ہے اور جاوا اسکریپٹ بھی اس کا استعمال کرسکتا ہے تاکہ وہ خاص آئی ڈی والا عناصر تک رسائی حاصل کرسکے。

id کا ڈیگرافک یہ ہے: ایک وینگل نمبر (#) لکھنا، بعد میں ایک id نام لکھنا۔ تو، خاتمے کی کچھوٹ میں {} میں سی ایس ای پیٹریٹیز کا تعریف کریا جائے。

下面的例子中我们有一个

元素，它指向 id 名称 "myHeader"。这个

元素将根据 head 部分中的 #myHeader 样式定义进行样式设置：

ਉਦਾਹਰਣ








My Header

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

注释：id 名称对大小写敏感！

注释：id 必须包含至少一个字符，且不能包含空白字符（空格、制表符等）。

Class 与 ID 的差异

同一个类名可以由多个 HTML 元素使用，而一个 id 名称只能由页面中的一个 HTML 元素使用：

ਉਦਾਹਰਣ



<h1 id="myHeader">میری شہروں</h1>
<!-- کئی عناصر کا ایک سا قدم نام کا ایک سا نام کا کیوئی سارا سیکشن -->
<h2 class="city">لندن</h2>
<p>لندن انگلینڈ کی راجدھانی ہے.</p>
<h2 class="city">پیر</h2>
<p>پیر فرانس کی راجدھانی ہے.</p>
<h2 class="city">توکیو</h2>
<p>توکیو جاپان کی راجدھانی ہے.</p>

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਸੁਝਾਅ:کریپت آپ کے، CSS ਸਿਖਲਾਈ مزید معلومات کے لئے، کریس کا سیکشن دیکھیئے.

ایچ تی ایم ایل بک بیک کا استعمال آئی ڈی اور لنگک کے ذریعے کیا جاتا ہے.

ایچ تی ایم ایل بک بیک، پڑھنے والوں کو ویب پیج کا خاص حصہ تک جائیگا دینا استعمال کیا جاتا ہے.

اگر ویب پینج بہت چھوٹا ہوا، تو بک بیک کا استعمال بہت مفید ہو سکتا ہے.

بک بیک استورکا استعمال کرنے کے لئے، آپ کو پہلے اس کو بننا چاہئیے، بعد میں اس میں لنگکو شامل کرنا چاہئیے.

بعد، جب کا لینک کا کلک کریئے، ویب پینج بک بیک بندار سیکشن تک رول کریگا.

ਉਦਾਹਰਣ

ਪਹਿਲਾਂ, ਇਸ ਵਿੱਚ id ਵਿਸ਼ੇਸ਼ਤਾ ਬੁੱਕਮਾਰਕ ਬਣਾਉਣ ਲਈ:

<h2 id="C4">Chapter 4</h2>

ਫਿਰ, ਇਸੇ ਪੰਨੇ ਵਿੱਚ, ਇਸ ਬੁੱਕਮਾਰਕ ਨੂੰ ਇੱਕ ਲਿੰਕ ਜੋੜੋ ("Jump to Chapter 4"):

ਉਦਾਹਰਣ

<a href="#C4">Jump to Chapter 4</a>

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਜਾਂ ਹੋਰ ਇੱਕ ਪੰਨੇ ਵਿੱਚ, ਇਸ ਬੁੱਕਮਾਰਕ ਦੇ ਲਿੰਕ ਨੂੰ ਜੋੜੋ ("Jump to Chapter 4"):

<a href="html_demo.html#C4">Jump to Chapter 4</a>

id ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਜ਼ਰੀਏ JavaScript ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ

JavaScript ਵੀ id ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਜ਼ਰੀਏ ਵਿਸ਼ੇਸ਼ ਤੱਤ ਨੂੰ ਕੁਝ ਕਾਰਜਾਂ ਲਈ ਵਰਤ ਸਕਦਾ ਹੈ

JavaScript ਵਰਤ ਸਕਦਾ ਹੈ getElementById() ਵਿਸ਼ੇਸ਼ id ਵਾਲੇ ਤੱਤ ਨੂੰ ਪਹੁੰਚਣ ਦਾ ਤਰੀਕਾ:

ਉਦਾਹਰਣ

id ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਜ਼ਰੀਏ JavaScript ਨਾਲ ਟੈਕਸਟ ਨਾਲ ਹੰਡਲ ਕਰੋ:

<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>

ਆਪਣੇ ਅਨੁਸਾਰ ਕਰੋ

ਸੁਝਾਅ:ਪ੍ਰਤੀਯੋਗੀਆਂ HTML جاوااسکریپت ਇਸ ਖੰਡ ਵਿੱਚ ਜਾਂ ਸਾਡੇ JavaScript ਸਿਖਲਾਈ ਵਿੱਚ JavaScript ਸਿੱਖੋ

ਇਸ ਪ੍ਰਕਾਰ ਸੰਗ੍ਰਹਿ

  • id ਵਿਸ਼ੇਸ਼ਤਾ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਕਿ HTML ਤੱਤ ਨੂੰ ਇੱਕੋ ਹੀ ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਸ਼ਾਸਤਰਿਕ ਰੂਪ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ ਕੀਤਾ ਜਾਵੇ
  • id ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਮੁੱਲ ਹੈਲਾਲ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ ਕਿ ਹਰ ਹੈਲਾਲ ਐੱਚਟੀਐੱਮਐੱਲ ਦਾਖਲ ਵਿੱਚ ਇੱਕ ਹੀ ਹੋਵੇ
  • CSS ਅਤੇ JavaScript ਵਰਤ ਸਕਦੇ ਹਨ id ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਤੱਤ ਚੁਣਨ ਜਾਂ ਵਿਸ਼ੇਸ਼ ਤੱਤ ਦਾ ਸਟਾਇਲ ਸੈਟ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ
  • id ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਮੁੱਲ ਹਰਫ ਦੀ ਹਰਫ ਸ਼ਾਸਤਰਿਕ ਰੂਪ ਵਿੱਚ ਅਲੱਗ ਹੁੰਦੀ ਹੈ
  • id ਵਿਸ਼ੇਸ਼ਤਾ ਵੀ HTML ਬੁੱਕਮਾਰਕ ਬਣਾਉਣ ਲਈ ਵਰਤੀ ਜਾ ਸਕਦੀ ਹੈ
  • JavaScript ਵਰਤ ਸਕਦਾ ਹੈ getElementById() ਵਿਸ਼ੇਸ਼ id ਵਾਲੇ ਤੱਤ ਨੂੰ ਪਹੁੰਚਣ ਦਾ ਤਰੀਕਾ