html element's id attribute

[Charlie123]

Hi, gurus,
I recently recalled an question in my mind for a long time, is the id attribute interpreted as a CSS style or an identification of the html element only?
ie: <p id="para">Test Paragraph</p>
Is "para" an identification of <p> element or is it a CSS style?
Thanks, Charlie123

[felgall]

It is part of the HTML and acts as an anchor point in the page that you can link to even where there is no CSS or JavaScript that references it.

<a href="#para">Go to Test Paragraph</a>

[AutisticCuckoo]

The id attribute provides a unique identifier for a single element. In your example, 'para' uniquely identifies that particular <p> element and there must not be any other element with id="para" in the same document.

IDs have three main uses:

1. They specify the target of a fragment identifier in a link, e.g., <a href="page.html#para">link</a>.
2. They provide a means for targeting individual elements via CSS selectors: #para {...}
3. The provide a means for targeting individual elements via JavaScript: document.getElementById("para");

[kennethjaysone]

Hi, gurus,
I recently recalled an question in my mind for a long time, is the id attribute interpreted as a CSS style or an identification of the html element only?
ie: <p id="para">Test Paragraph</p>
Is "para" an identification of <p> element or is it a CSS style?
Thanks, Charlie123

id's are good to indentify a particular element on a document so that you can apply styles to that particular element in your css file that you link to the document / or embed within the document itself. If you want to apply a style to multiple elements, you could use classes in your html. Classes can be applied more than once unlike the id.