HTML Validator Firefox Extension With HTML Tidy

One of my favorite Firefox extensions for web design is the HTML Validator extension. I've mentioned it about a year ago on my Firefox web design extensions page, but this post covers it in more detail.

HTML Warnings and Errors in the Firefox Status Bar

The HTML Validator extension offers status bar messages about HTML errors and warnings on each page that you view:

HTML Validator extension (HTML Tidy) showing HTML errors on a web page

Expanded Options and Views for "View Source" in Firefox

One you view source (Ctrl-u), you will see that the view source window is now divided into three main sections:

Viewing HTML source with Firefox and HTML Validator extension

A List of HTML Errors and Warnings

The bottom left pane shows a list of HTML errors and warnings. Double clicking on the warnings will highlight that section of HTML in the top pane:

List of HTML warnings and errors

Firefox Offering Suggestions on How to Fix the HTML

The bottom right pane shows messages about HTML errors and warnings, with suggestions on how to fix them. Also notice the two buttons on the bottom right:

Information on how to fix the HTML warnings and errors

HTML Tidy and Firefox

Clicking on the button labeled "Clean up the page..." will show the following window which shows the cleaned up HTML, the orginal HTML, as well as browser views of each. There are many options that you can set to control how HTML Tidy will clean up the HTML.

HTML Tidy and Firefox

HTML Validator Firefox Extension

I highly recommend this Firefox extension for Web designers. You can download it here.

Syndicate content