| Structure and Visualization | | | | {}, td a:hover {}). a:hover must redefine only |
| * Do not use element | | | | changed atttributes. |
| * Move arrangement attributes (align, valign, width, | | | | * Determine background color for |
| height) to CSS. | | | | * Split declarations to groups (fonts, tables, text |
| * Do not use tables except showing table data. Using | | | | blocks, divs) |
| tables for visual formatting is acceptable in complex | | | | * Determine geometrical dimensions in percents or |
| situations only. Max table nesting can not be great | | | | pixels. |
| than 3. | | | | * All colors values must be as short as possible and in |
| * Move attribute "background" to CSS. | | | | high case (#FFF instead of #ffffff). |
| * Design of input fields and buttons must be written | | | | * All tags and attributes names must be in low case. |
| as class in CSS. | | | | * All margins and indents must be defined for all |
| * Style table must be written as external file and | | | | browsers. |
| linked using | | | | * All classes and identifiers must be named logically |
| * All images related to design (not content) move to | | | | with one naming convention. |
| block with style {background: transparent url("gif") | | | | Structure |
| no-repeat;} | | | | * Use title, description and keywords in header. |
| HTML code | | | | * All elements with closing tags must have it (ideally, |
| * If table cell contains only image with width and | | | | use XHTML 1.0 Transitional/Strict). |
| height, then don't use these attributes for cell. | | | | * Use alt attribute for . If image don't have semantic |
| * Use minimum cols and rows for tables. | | | | meaning, alt must be empty. |
| * All elements must have "width" and "height" | | | | * Use comments before main blocks. |
| attributes. | | | | * Use standard tags for creating text structure |
| * All elements, which are not links, don't have | | | | * and so one). |
| "border" attribute. | | | | * Vertical and Horizontal menus must be defined |
| * All attributes values must be placed in double | | | | using |
| quotes. | | | | * Don't use <strong> and <em>. Use |
| * All tags and attributes names must be in low case. | | | | <strong> and <em>. |
| CSS code | | | | * Blocks must be placed in document in the |
| * Unique elements must have "id" attribute, which is | | | | descending order of importance. Blocks location can |
| used for style. Repeated elements must use classes. | | | | be defined using CSS. |
| * Determine Links style through styles of (td {}, td a | | | | |