Home Categories HTML Tips Tricks Tutorial

HTML Checklist

3.3/5.0 (4 votes total)

Vadim Nareyko
December 12, 2006

Vadim Nareyko
Vadim Nareyko, CEO of CalidStyle (http://www.calidstyle.com)
Vadim Nareyko has written 1 articles for WebKnowHow.
View all articles by Vadim Nareyko...

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;}
HTML code
  •   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.
CSS code
  •   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.
You can discuss and improve this document at http://www.htmlchecklist.com/

Add commentAdd comment (Comments: 0)  



Related Resources

Other Resources