html Vs xhtml

A DTD is a Document Type Definition, also know as DOCTYPE. In a document served as text/html, the DOCTYPE informs the browswer how to interpret the content of the page. If the the doctype is not declared, the browser assumes you don’t know how to code, and goes into "quirks mode". If you know what you are doing and include a correct XHTML DOCTYPE, your page will be rendered in "standards mode".

What is the difference between strict and transitional? Transitional allows deprecated tags and attributes to pass validation. The strict doctype is strict: depreciated tags and attributes will fail to validate under a strict doctype and may well display incorrectly as well

• HTML 4.01 will fail to validate if you include XML style closing syntax on empty elements.
• Strict DTD’ed documents will FAIL if you include deprecated elements and attributes.
• In XHTML, there are no "empty attributes." All attributes must be in the form of name/value pairs.

Some interesting articles regarding this found here.

• html Vs xhtml
• sitepoint forum thread 1
• sitepoint forum thread 2
  

Interlacing

Interlacing is a method of encoding a bitmap image such that a person who has partially received it sees a degraded copy of the entire image. When communicating over a slow communications link, this is often preferable to seeing a perfectly clear copy of one part of the image, as it helps the viewer decide more quickly whether to abort or continue the transmission.

Interlacing is supported by the following formats, where it is optional: gif, png, jpeg

Dithering

GIF employs a technique called "DITHERING" to trick the eye into believing the color is solid by using two different colors from it's own 256 color palette and placing them, in this case, side by side in a predictable pattern. Notice how the pixels change back and forth from dark to light in the GIF version while the JPG version, with it's 16 million color palette, is one solid color.

gif Vs jpg

Images with Lots of Color – JPG is the answer

Images with few colors – GIF is the answer

GIFs are also the only image format that supports animation (although it tends to get really large in file size really quickly.

If you need an image to be partially transparent then the answer is never going to be a JPG, because there’s no transparencies with JPG. GIFs are currently the only form of transparent image that are supported by the major web browsers

The basic rule that I find is that the large images with lots of color will always be JPG, but sometimes when images are small, around thumbnail size, gifs will work better then as well because you can only see around a hundred colors anyways. (For images under say 100px by 100px)

An excellent article about gif Vs jpg