Web Design Tips, Tutorials & More!

Validate your code

The need for understanding and condensing the code across the board in becoming a necessity and the knowledge of the various codes is something all designers have to grapple with more and more. With the advent of XHTML and the new web standards, the essence of speed on the internet is of paramount import.

The need for validation and the number of times you get errors in your code needs to be looked at closely. The number of websites I have logged into and seen code on the front page shows how often designers forget this very basic item. There are some code errors that tend to repeat themselves over and over.

The fact of the matter this is just good sense in designing. You need it error free so that it doesn’t matter which browser it is used in and also that it looks perfect every time, and at the same time it is the fastest opening page that wins the fish.

Some of the very basic mistakes people make in their code are the simplest things imaginable. For instance, did you remember to put in the doctype on your page? If you haven’t the various browsers will be playing a guessing game as to which code it was written in.

All you need to do is the type in whether your codes are written in the new XHTML or in HTML and then close the code. Remember the various spiders need to know what code they are reading too, and thus it can affect your SEO rating if you forget it.

The second item that is often forgotten is the end code in certain paragraphs and sometimes in images as well. This can throw out your page designs mightily.

Your layout can get seriously affected if you do this. If you use the W3C Validator it will pick this up and give you a message about end tag omitted for “p”. If you get this you need to check your closing of paragraphs.

You also need to remember to convert things like special characters.

If you forget to convert things like quotation marks and ampersands to things like &amp: you need to learn to keep this in mind all the time or you will end up with a mess on your site.

All your images which are used in any of your HTML documents needs to have an alt attribute.

Actually, it is especially important to use these in your description of your image as Google place a large emphasis on these in your SEO. I have no idea why, but they seem to think they are very important. So do not leave them empty but use them for the best effect in describing your image.

Although CSS is just comes into use for the display of the page you need to both minimize it and validate it. This eliminates any typing or code mistakes. It won’t have as much effect on the page as other code error will have, but it will affect the speed of load.

Thumnail source.

Leave a Reply