Thursday, January 1, 2009

DOCTYPEs

What better way to start off the new year than to make sure you are starting your (X)HTML documents correctly. For those of you following Web standards (and I know all of you are, right?), here's a list of the Document Type Definitions that can be used at the beginning of your (X)HTML documents. For you newer developers, don't forget that the DTD is the one tag you don't close (/>). Even if you code your document correctly, the lack of a DTD can throw your Web page into Quirks mode. Some WYSIWYG editors insert incorrect DOCTYPEs that use relative links rather than the full link so beware of that as well.

  • XHTML 1.1
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

  • XHTML 1.0 Strict - Frames and deprecated HTML tags and attributes are not allowed. Must be XML compatible.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

  • XHTML 1.0 Transitional - Allows the use of deprecated HTML tags and attributes. Frames are not allowed. Must be XML compatible.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  • XHTML 1.0 Frameset - Allows the use of frames and deprecated HTML tags and attributes. Must be XML compatible.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

  • HTML 1.0 Strict - Frames and deprecated HTML tags and attributes are not allowed.
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

  • HTML 1.0 Transitional - Allows the use of deprecated HTML tags and attributes. Frames are not allowed.
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  • HTML 1.0 Frameset - Allows the use of frames and deprecated HTML tags and attributes.
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

NOTE: There are more DTDs to choose from, but these should be sufficient.

Monday, November 10, 2008

What Kind of Web Designer Are You?

Web Designer. What does that term mean to you? Loosely used to describe anyone that works on websites, in actuality there are several different types:
  1. Web Designer: Creates simply the visual elements of a Web site such as layout, graphics, etc.
  2. Web Developer: Handles all the coding involved such as (X)HTML, CSS, JavaScript, PHP, etc.
  3. Web Networking: Deals with hosting related issues.
  4. Web Master: Tackles all three in addition to search optimization.
Keep in mind that there can be various combinations of these. Also, just because someone labels him or herself as any of the above doesn't necessarily mean he or she is capable of everything listed.

Friday, May 2, 2008

Tabbed Menus

Ever wondered how to make those fancy looking tabs that allow for great site navigation? You know, the kind that, more often than not, resemble tabbed file folders? Well wonder no longer. Douglas Bowman, writer for A List Apart shows very simply how how CSS can help obtain the site menu of your dreams.