HTML Checklist	3.3/5.0 (4 votes total) Rate: Select 1 - Terrible 2 - Poor 3 - Average 4 - Good 5 - Outstanding
Vadim Nareyko December 12, 2006

Structure and Visualization

•   Do not use element.
•   Move arrangement attributes (align, valign, width, height) to CSS.
•   Do not use tables except when showing table data. Using tables for visual formatting is acceptable in complex situations only. Max table nesting can not be greater than 3.
•   Move attribute "background" to CSS.
•   Design of input fields and buttons must be written as class in CSS.
•   All images related to design (not content) should be moved to a block with style {background: transparent url("gif") no-repeat;}

•   If table cell contains only image with width and height, then don't use these attributes for cell.
•   Use minimum cols and rows for tables.
•   All <img border="0" /> elements must have "width" and "height" attributes.
•   All <img border="0" /> elements, which are not links, don't have "border" attribute.
•   All attributes values must be placed in double quotes.
•   All tags and attributes names must be in low case.

•   Unique elements must have "id" attribute, which is used for style. Repeated elements must use classes.
•   Determine Links style through styles of (td {}, td a {}, td a:hover {}). a:hover must redefine only changed atttributes.
•   Determine background color for
•   Split declarations to groups (fonts, tables, text blocks, divs)
•   Determine geometrical dimensions in percents or pixels.
•   All colors values must be as short as possible and in high case (#FFF instead of #ffffff).
•   All tags and attributes names must be in low case.
•   All margins and indents must be defined for all browsers.
•   All classes and identifiers must be named logically with one naming convention.

•   Use title, description and keywords in header.
•   All elements with closing tags must have it (ideally, use XHTML 1.0 Transitional/Strict).
•   Use alt attribute for <img border="0" />. If the image doesn't have semantic meaning, alt must be empty.
•   Use comments before main blocks.
•   Use standard tags for creating text structure ( <h1>-<h4>, <p>, </p> <ul>, <li> and so forth).
•   Vertical and Horizontal menus must be defined using </li>
•   Use <strong> and <em>.
•   Blocks must be placed in document in descending order of importance. Blocks location can be defined using CSS.