Using Tidy Inline Or Locally
Inline Tidy With A Browser
An easy download is that of Firefox with Tidy inline. Other options are also available like any compliant browser configured with Tidy as the HTML editor, but those options are beyond the scope of this tutorial. Once you have tried out a browser with tidy, perhaps you may wish to consider incorporating Tidy with a present browser in use. But for ease in determination of coding errors while online or offline by selecting the file, then open file from your local computer and the Firefox browser provides everything you require for W3C and WAI validation.
Now that you have downloaded Firefox with Tidy inline and elected to show the icon and text, select a page on the internet. We choose the Google home page and found no coding errors, some warnings, now let us take a look at what Tidy tells us.
We right clicked the bottom of our Firefox browser bar and the window to your left is shown. Selecting the page source, provides us with a quick glance as to what is in store as we attempt to render our web pages free of coding bloat, so far has been relatively painless and no steep learning curve to process a new found skill which with the help of Tidy will enable us to render compliant HTML coding of many flavors and help those who are less fortunate than ourselves, enjoy what we have created.
In the example below from the page source of the page being viewed, we will not attempt to explain any of the warnings, but only use what is displayed to acquaint you with what you will find with you new found friend as a journey is begun.
The page source is actually the pane which is shown to your right and the one which follows. What you will find in this pane are the coding errors by line number. Remember the pretty print mentioned earlier in this tutorial? Now you know why I love it. Hard copy the original page being viewed and get out your yellow marker for a learning experience, which is not steep and gentle, dear reader.
This pane and the one above is one view when you have selected page source. The help section refers to line one and as you select other lines a help section for that line is also shown. Help is more than just the cause. Help includes solutions, examples and references to W3C and WAI and for the most part are very intuitive and easy to understand.
Mentioned earlier in this tutorial was repetitive errors, many of which you will master fixing with a little experience. Others may require a little more time to solve as you become acquainted with some new terminology and rationales as to why there is an error, which would possibly prohibit everyone from enjoying your web site building efforts.
Next Page: HTML Editors With Tidy Built In
Previous Pages: Introduction | Download Options | Online Validations