Best Practices for HTML page Design


Put HTML tags in correct

  1. Don't put tags as incomplete.
  2. Style sheet link tags in head tags.
  3. Script tags as in bottom of the HTML document.
  4. tag text as in smaller case.
  5. Don't write inline CSS.
  6. Don't write inline JS.
  7. Combine all the CSS files into single CSS file.
  8. Combine all the JS file into single JS file.
  9. Use CSS compresser to compress the file after development gets over.
  10. Use JS compresser to compress the file after development gets over.
  11. Use CSS Reset file to reset all the components on HTML.
  12. All image tags set ALT attribute.
  13. Learn how to target IE browsers.
  14. Use navigation as in Unordered List.
  15. Use H1 - H6 tags.
  16. Declare the correct document type.
Use Development Tools in Mozilla
  1. Fire Bug.
  2. YSlow for firebug.
  3. Developers Toolbar.