Is there a tool that would pair up all html tags like <tr> <td> etc. and help me spot if there is an extra tag or something else wrong in a source code of a website. I've tried w3c validator on my vbulletin board and there is few errors like: end tag for "tr" omitted, but OMITTAG NO was specified. Opening and ending tag mismatch: div line 154 and body. </body> Code (markup): but there is so many tags and it is hard to spot where the error is.
Often one missing tag will set off a cascade of errors. It tells you the line where it thinks it first sees the problem-- also further down are Parsing errors. Those usually tell you were the start tag of something is (where it thinks it didn't find a closing tag for). I'd just fix the first error, then resubmit to the validator. The number of errors might be halved just by fixing one error. If you're using Opera, you can CTRL ALT V (I think) and check the validator really easily. Finding missing or double tags is easy. Sometimes the errors are difficult to figure out, like when it insists your <head> has no closing tag and it does (hint: no <title> sets that one off).
Yes, I know validator tells a line number. But error could still be somewhere else on the page. And from what I've seen at line numbers validator suggests I couldn't see any obvious errors. That's why I was hoping there is a tool that would show like a tree view of html code and pair up all the tags.
If you're using Firefox (and there are many good reasons for web developers to do so) get the View Source Chart add-on at Mozilla.org. It does what you're asking in a graphical manner. Very useful. I hope this helps. Steve