6/30/2009

Common Doctype Difference

Most of designers will remove doctype for their html files. This is most easy way to get what they wanted. Such as 100% table and center all the contents. If you do this. You never pass W3C Validation. But we choose one doctype. Some of effect will be disabled. I tried to list some common difference for the doctype.

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
Most of old version browser will support this type. And this doctype is the most similar to remove doctype effect.
  • Support - Height 100%
  • Support - IE Scrolling Bar Coloring
  • Not Support - Margin:0 Auto
  • Getting error for appling Img Padding and Border

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
One of Dreamweaver selection doctype
  • Not Support - Height 100% (If you need to do 100%, you need to set html and body to 100% at your CSS sheet)
  • Not Support - IE Scrolling Bar Coloring
  • Support - Margin:0 Auto
  • Support- Img Padding

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"&
Another one of Dreamweaver selection doctype. Xhtml type is almost no difference than above one. But you need to take care for writing html code at Xhtml file. The structure of coding is need at XHTML file.
  • At html file you can write
  • <strong><p>Content</strong></p>
  • But at XHTML type it will become an error
  • You also need to close the <br> tag be <br />

There are other difference doctype at html setting. If you have an interest. You can search it at Google. There is a lot of result for detail informations.

Powered by: i-web-design.org:Web Design,SEO Company | Smart-Info: Web Hosting,Web Design

5 comments:

kelly said...
This comment has been removed by a blog administrator.
SEO Services Consultants said...

Nice information, many thanks to the author. It is incomprehensible to me now, but in general, the usefulness and significance is overwhelming. Thanks again and good luck! Web Design Company

shree nath said...

Wow really your post was very nice..explain the real practices as very clear...Thank you..
web design

UB Webs said...

Thanks for great information you write it very clean. I am very lucky to get this tips from you.
hire developers

rocky case said...

Stephen Stapinski

Really your blog is very interesting.... it contains great and unique information. I enjoyed to visiting your blog. It's just amazing.... Thanks very much for the share.