What characters are allowed in DOM IDs? [duplicate]

by

Actually there is a difference between HTML and XHTML.
As XHTML is XML the rules for XML IDs apply:

Values of type ID MUST match the Name production.

NameStartChar ::=   ":" | [A-Z] | "_" | [a-z] | [#xC0-#xD6] |
                          [#xD8-#xF6] | [#xF8-#x2FF] |
                          [#x370-#x37D] | [#x37F-#x1FFF] |
                          [#x200C-#x200D] | [#x2070-#x218F] |
                          [#x2C00-#x2FEF] | [#x3001-#xD7FF] |
                          [#xF900-#xFDCF] | [#xFDF0-#xFFFD] |
                          [#x10000-#xEFFFF]

NameChar     ::=      NameStartChar | "-" | "." | [0-9] | #xB7 |
                        [#x0300-#x036F] | [#x203F-#x2040]

Source: Extensible Markup Language (XML) 1.0 (Fifth Edition) 2.3

For HTML the following applies:

id = name [CS]
This attribute assigns a name to an element. This name must be unique in a document.

ID and NAME tokens must begin with a
letter ([A-Za-z]) and may be followed
by any number of letters, digits
([0-9]), hyphens (“-“), underscores
(“_”), colons (“:”), and periods
(“.”).

Source: HTML 4 Specification, Chapter 6, ID Token

More Related Contents:

  1. Can multiple different HTML elements have the same ID if they’re different elements?
  2. Compiling dynamic HTML strings from database
  3. Why does my XPath query (scraping HTML tables) only work in Firebug, but not the application I’m developing?
  4. How can I scale the content of an iframe?
  5. Understanding offsetWidth, clientWidth, scrollWidth and -Height, respectively
  6. Why does firebug add to ?
  7. What is DOM reflow?
  8. How to get a child element to show behind (lower z-index) than its parent?
  9. Why does a stray end tag generate an empty paragraph?
  10. How does Selenium click on elements that are 50% on screen and 50% not on screen?
  11. Angular2, what is the correct way to disable an anchor element?
  12. Why is a self-closing iframe tag preventing further DOM elements to be displayed?
  13. jQuery click function doesn’t work after ajax call? [duplicate]
  14. What is shadow root
  15. Which DOM elements can be child of tr?
  16. DOM mutation events replacement
  17. What are the CSS properties that get elements out of the normal flow?
  18. In the DOM are node ids case sensititve?
  19. How can I reuse HTML code across several HTML files
  20. How to stop event propagation with inline onclick attribute?
  21. Change select box option background color
  22. Finding line-wraps
  23. How to make a always full screen?
  24. HTML table headers always visible at top of window when viewing a large table
  25. Use CSS to remove the space between images [duplicate]
  26. Understanding grid negative values
  27. HTML + CSS: Numbered list with numbers inside of circles
  28. How do i convert NSAttributedString into HTML string?
  29. How to move placeholder to top on focus AND while typing?
  30. Why does a border increase the element’s width?

Leave a Comment