HTML Id

सोचिए किसी बड़े international flight terminal पर check-in का दिन है। हर किसी का एक boarding group होता है, जैसे 'Group Economy' या 'Group Business' (जो HTML classes की तरह व्यवहार करते हैं)। लेकिन जब security agents आपका passport scan करते हैं, तो वे आपके unique passport number को देखते हैं। पूरे airport में सिर्फ एक ही व्यक्ति के पास वह exact passport number हो सकता है। HTML ID भी बिल्कुल यही है। एक ID एक unique name tag है जिसे आप webpage के किसी एक element पर लगाते हैं। उस page पर कोई भी दूसरा element वह नाम share नहीं कर सकता। jump links, precise styling, या custom scripting के लिए किसी खास element को पहचानने का यह सबसे सही tool है।

<tagname id="idname">content</tagname>

<style>
  #idname {
    property: value;
  }
</style>

<p id="intro">This paragraph has a unique id</p>

<style>
  #intro {
    font-weight: bold;
  }
</style>
<p id="intro">Styled by id</p>

<a href="#section1">Jump to Section 1</a>
<h2 id="section1">Section 1</h2>

<script>
  document.getElementById('intro');
</script>
<p id="intro">Targeted by script</p>

<p class="highlight">Repeated style via class</p>
<p id="main-title">Unique element via id</p>