HTML id অ্যাট্রিবিউট

সংজ্ঞা ও ব্যবহার

id প্রতিলিপি প্রতিটি HTML ইলেকট্রনামকে একটি অভিন্ন id নির্দিষ্ট করে।(এই মান HTML ডকুমেন্টে অভিন্ন হতে হবে)。

id প্রতিলিপি সর্বাধিক ব্যবহৃত হয় শৈলীসূচীতে সৈলান্ত শৈলী নির্দিষ্ট করার জন্য এবং JavaScript-এর (HTML DOM-এর মাধ্যমে) নির্দিষ্ট id-সম্পর্কিত ইলেকট্রনামকে অপারেশন করার জন্য。

id প্রতিলিপি লিঙ্ক অ্যাংকর (link anchor) হিসাবেও ব্যবহৃত হতে পারে。

অন্যান্য দেখুন:

HTML শিক্ষাক্রম:HTML id

HTML শিক্ষাক্রম:HTML অ্যাট্রিবিউট

CSS শিক্ষাক্রম:CSS গ্রামাটিক

CSS পরিসংখ্যান হান্ডবুক:CSS #id পড়ালাইন

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="id">

প্রতিলিপি মান

মান বর্ণনা
id

ইলেকট্রনামকে একটি অভিন্ন ইড নির্দিষ্ট করুন। নামকরণ নিয়ম:

  • কমপক্ষে একটি অক্ষর সম্পর্কিত হতে পারে
  • কোনও শুধুমাত্র স্পেস চার্জ সম্পর্কিত হতে পারে না

আরও উদাহরণ

উদাহরণ 2

ইড প্রতিলিপি ব্যবহার করে পৃষ্ঠার ভিতরে নির্দিষ্ট ইড সম্পর্কিত ইলেকট্রনাম লিঙ্ক করুন:

<html>
<body>
<h2><a id="top">কোনও শিরোনাম</a></h2>
<p>অনেক অনেক টেক্সট ....</p>
<p>অনেক অনেক টেক্সট ....</p>
<p>অনেক অনেক টেক্সট ....</p>
<a href="#top">রক্ষা শীর্ষে</a>
</body>
</html>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 3

আইডি অ্যাট্রিবিউট দ্বারা টেক্সটকে 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
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন