Skip to Main Content

Anatomy of a Well Coded HTML Website

Posted on 11.05.2007

Declare that DOCTYPE:
It might look incomprehensible to you, but DOCTYPES are important, allowing your code to validate and telling browsers how to render your page.

Care for the Head Section:
Set that title (unique for each individual page), declare your character set, and make sure that stylesheets and scripts are linked (but not included in full) and are in their own folders.

Love Your Body ID's:
Including an ID on your HTML body allows webmaster to create CSS properties that are unique to the page - perfect if you want certain tags to look different on different pages.

Gain Control With a Main Div:
A Main Div tag gives you the ability to set the width of your page for a fixed with site or maximums and even the minimums for a fluid width site.

Content Comes First:
The reason people come to your site (the content) should be placed highest in the HTML - place menu's and sidebars at the end. 

Create Code Sections (TAB):
Websites with tabbed content is much easier to read - plain and simple - tab once and make it easy to understand (for yourself and others).

Header Tag Hierarchy:
Header tags were designed to identify sections and signify position in the content hierarchy - use them, don't abuse them.

INCLUDE Common Content:
Menu bars, sidebars and footers (the common content) should be dynamically loaded from a database or with simple PHP include statements.

Proper Ending Tags:
Make sure to include closing tags for any element, even if pages render fine without.

Today's Top Picks for Our Readers:
Recommended by Recommended by NetLine

Leave Your Comment

Login to Comment

Become a Member

Not already a part of our community?
Sign up to participate in the discussion. It's free and quick.

Sign Up


Leave a comment
    Load more comments
    New code