id (HTML attribute)
Share:
Free JavaScript Book!
Write powerful, clean and maintainable JavaScript.RRP $11.95
Description
The id
attribute provides a unique identifier for an element within the document. It may be used by an a element to create a hyperlink to this particular element.
This identifier may also be used in CSS code as a hook that can be used for styling purposes, or by JavaScript code (via the Document Object Model, or DOM) to make changes or add behavior to the element by referencing its unique id.
Note that the id attribute cannot be applied to the following elements:
base
head
html
meta
script
style
title
<span id="thisspan">A uniquely identifiable element.</span>
Value
The most important aspect of the id
attribute is that it must be absolutely unique. Unlike the class attribute, which may apply the same value to many elements in a page, an id
that’s applied to an element must not match an id
used anywhere else on the same page.
The id
attribute value must begin with a letter in the roman alphabet (a–z or A–Z); this can be followed by any combination of letters (a–z or A–Z), digits (0–9), hyphens (-), underscores (_), colons (:), and periods (.). The id value is case sensitive, thus <span id="me">This is me</span>
and <span id="ME">This is me</a>
would be considered to be separate and uniquely identifiable elements on the same web page.
Adam is SitePoint's head of newsletters, who mainly writes Versioning, a daily newsletter covering everything new and interesting in the world of web development. He has a beard and will talk to you about beer and Star Wars, if you let him.
New books out now!
Get practical advice to start your career in programming!
Master complex transitions, transformations and animations in CSS!
Latest Remote Jobs




