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