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