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