up vote 2 down vote favorite
share [g+] share [fb]

I am developing a web application and I would like to check for duplicate CSS id values in a HTML page. I am running that application on my local machine.

There is a way to do that?

P.S.: I am using Firefox and Firebug.

link|improve this question
feedback

3 Answers

up vote 3 down vote accepted

The W3C's validator tool will report duplicate IDs. To test your code:

  1. Copy the generated source code to your clipboard.
  2. Visit http://validator.w3.org/#validate_by_input
  3. Paste your markup into the box and hit 'Check'.

You can test it with the following code if you wish:

<!doctype html>
<html>
    <head>
        <title>Test</title>
    </head>
    <body>
        <div id="test">Test div</div>
        <div id="test">Test div 2</div>
    </body>
</html>

This produces the following error:

enter image description here

link|improve this answer
feedback
up vote 2 down vote

Use the W3C Validator. It will tell you if there are duplicated ids.
If your site is not online, use Opera. They have a nice feature that uploads the page in order to validate it.

  • Right click on the page
  • Validate

enter image description here enter image description here

link|improve this answer
feedback
up vote 2 down vote

  1. http://validator.w3.org/check

  2. If you have Web Developer Toolbar installed, you can use it to contact the above service directly from browser: Tools -> Validate Local HTML

  3. Some developer tools (like PhpStorm/WebStorm) automatically perform such validation.

link|improve this answer
feedback

Your Answer

 
or
required, but never shown
discard

Not the answer you're looking for? Browse other questions tagged or ask your own question.