HTML id ਵਿਸ਼ੇਸ਼ਤਾ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

ਆਈਡੀ ਪ੍ਰਤੀਯੋਗਿਤਾ ਪ੍ਰਤੀਯੋਗਿਤਾ ਨੂੰ ਨਿਰਦਿਸ਼ਟ ਕਰਦੀ ਹੈ (ਇਹ ਮੁੱਲ HTML ਦਸਤਾਵੇਜ਼ ਵਿੱਚ ਇੱਕੋ ਹੀ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ)。

ਆਈਡੀ ਪ੍ਰਤੀਯੋਗਿਤਾ ਸਭ ਤੋਂ ਜ਼ਿਆਦਾ ਵਰਤੀ ਜਾਂਦੀ ਹੈ ਤਾਂ ਕਿ ਸਟਾਇਲ ਸ਼ੇਅਰ ਵਿੱਚ ਸਟਾਇਲ ਸ਼ੇਅਰ ਦੇ ਰੂਪ ਵਿੱਚ ਵਰਤੀ ਜਾਵੇ ਅਤੇ JavaScript (ਵਿੱਚ HTML DOM) ਰਾਹੀਂ ਵਿਸ਼ੇਸ਼ id ਵਾਲੇ ਇਲੈਕਟ੍ਰੌਨਿਕ ਅਣੂ ਨੂੰ ਓਪਰੇਸ਼ਨ ਕੀਤਾ ਜਾਵੇ。

ਆਈਡੀ ਪ੍ਰਤੀਯੋਗਿਤਾ ਵੀ ਲਿੰਕ ਚਿੰਨ੍ਹ (link anchor) ਵਜੋਂ ਵਰਤੀ ਜਾ ਸਕਦੀ ਹੈ。

ਹੋਰ ਦੇਖੋ:

HTML ਸਿੱਖਿਆ ਮੁੱਦਾ:HTML id

HTML ਸਿੱਖਿਆ ਮੁੱਦਾ:HTML ਵਿਸ਼ੇਸ਼ਤਾ

CSS ਸਿੱਖਿਆ ਮੁੱਦਾ:CSS ਗਰੰਥ ਸ਼ਾਸਤਰ

CSS ਸੂਚਕਾਂਕ:CSS #ਆਈਡੀ ਚੋਣਕਾਰ

HTML DOM ਸੂਚਕਾਂਕ:HTML DOM getElementById() ਮੱਥਕ

HTML DOM ਸੂਚਕਾਂਕ:HTML DOM id ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM ਸੂਚਕਾਂਕ:HTML DOM Style ਵਸਤੂ

ਇਨਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਆਈਡੀ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ ਰੂਪ ਵਿੱਚ ਜ਼ਿਲ੍ਹੇ ਵਿੱਚ ਇੱਕ ਟੈਕਸਟ ਬਦਲਣ ਲਈ JavaScript ਵਰਤੋਂ ਕਰੋ:

<html>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">ਟੈਕਸਟ ਬਦਲੋ</button>
<script>
function displayResult() {
  document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
</body>
</html>

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

ਪੰਨੇ ਦੇ ਨੀਚੇ ਹੋਰ ਉਦਾਹਰਣ ਮਿਲਣਗੇ。

ਗਰੰਥਕ ਵਿਧੀ

<element id="ਆਈਡੀ">

ਪ੍ਰਤੀਯੋਗਿਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
ਆਈਡੀ

ਇਲੈਕਟ੍ਰੌਨਿਕ ਅਣੂ ਨੂੰ ਇੱਕ ਅਤੇ ਹੀ ਵਿਲੱਖਣ ਆਈਡੀ ਨਾਮ ਨਾਲ ਨਿਰਦਿਸ਼ਟ ਕਰੋ। ਨਾਮਕਰਨ ਨਿਯਮਾਂ:

  • ਘੱਟੋ-ਘੱਟ ਇੱਕ ਅੱਕਸ਼ਰ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ
  • ਕੋਈ ਖਾਲੀ ਚਿੱਤਰ ਚਿੰਨ੍ਹ ਹੋ ਸਕਦਾ ਨਹੀਂ ਹੈ

ਹੋਰ ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 2

ਆਈਡੀ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੇ ਰੂਪ ਵਿੱਚ ਪੰਨੇ ਦੇ ਅੰਦਰ ਸ਼ੁਦਾ ਇਲੈਕਟ੍ਰੌਨਿਕ ਅਣੂ ਲਿੰਕ ਕਰਨ ਲਈ ਵਰਤੋਂ ਕਰੋ:

<html>
<body>
<h2><a id="top">ਕੋਈ ਸਿਰਲੇਖ</a></h2>
<p>ਬਹੁਤ ਬਹੁਤ ਟੈਕਸਟ ....</p>
<p>ਬਹੁਤ ਬਹੁਤ ਟੈਕਸਟ ....</p>
<p>ਬਹੁਤ ਬਹੁਤ ਟੈਕਸਟ ....</p>
<a href="#top">ਵਾਪਸ ਸਿਰਲੇਖ</a>
</body>
</html>

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

ਉਦਾਹਰਣ 3

ਉਦਾਹਰਣ 3: id ਵਿਸ਼ੇਸ਼ਤਾ ਰਾਹੀਂ CSS ਸਟਾਈਲਿਜ਼ ਕਰੋ ਟੈਕਸਟ:

<html>
<head>
<style>
#myHeader {
  color: red;
  text-align: center;
}
</style>
</head>
<body>
<h1 id="myHeader">CodeW3C.com ਸਭ ਤੋਂ ਬਿਹਤਰ ਹੈ！</h1>
</body>
</html>

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

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ