How to Validate Your Website

Using free webpage validation tools, you can quickly and easily find errors in your HTML code. By doing so, you can ensure that your site will load the same way on different web browsers and it will help you eliminate errors in the way your page displays.

As well as HTML validators, there are also CSS validators that serve the same purpose. Since both languages have specific syntax, these validators can determine if your code meets the correct formatting standards.

For HTML, you can use the follow site:

You can validate your site via URL, file upload, or copy and paste. I typically use via URL as one of my final checks to ensure everything is working correctly. Once you select ‘Check’ the validator will parse the code on your site and display the results. The goal is to receive a green ‘Passed’ result with [Valid] markup.

If you do not receive passed, the validator will display the various errors and warnings it found as well as ways to correct them. Additionally, each error/warning includes the file name, line number, and a short description of the cause and possible solutions.

As mentioned earlier, there is also a CSS validator that can be found here:

The same rules and instructions apply – choose the method to upload your files and the validator will display any errors/warnings that are found.

Google is a valuable resource for any errors that you are unsure how to fix. One mistake in syntax can cause the validator to display several different errors, so fix the errors closest to the top and work your way down the list.

Also, if you get over 20 errors, that typically means your DOCTYPE declaration does not match the style of code you are writing. See my other blog post about DOCTYPEs to help you choose the correct type.

~Nick Marnik

~ by nkmhockey on February 27, 2011.

%d bloggers like this: