Username: Save?
Password:
Home Forum Links Search Login Register*
    News: Welcome to the TechnoWorldInc! Community!
Recent Updates
[March 06, 2024, 02:45:27 PM]

[March 06, 2024, 02:45:27 PM]

[March 06, 2024, 02:45:27 PM]

[March 06, 2024, 02:45:27 PM]

[February 14, 2024, 02:00:39 PM]

[February 14, 2024, 02:00:39 PM]

[February 14, 2024, 02:00:39 PM]

[February 14, 2024, 02:00:39 PM]

[February 08, 2024, 10:26:18 AM]

[February 08, 2024, 10:26:18 AM]

[February 08, 2024, 10:26:18 AM]

[February 08, 2024, 10:26:18 AM]

[November 27, 2023, 06:32:12 PM]
Subscriptions
Get Latest Tech Updates For Free!
Resources
   Travelikers
   Funistan
   PrettyGalz
   Techlap
   FreeThemes
   Videsta
   Glamistan
   BachatMela
   GlamGalz
   Techzug
   Vidsage
   Funzug
   WorldHostInc
   Funfani
   FilmyMama
   Uploaded.Tech
   MegaPixelShop
   Netens
   Funotic
   FreeJobsInc
   FilesPark
Participate in the fastest growing Technical Encyclopedia! This website is 100% Free. Please register or login using the login box above if you have already registered. You will need to be logged in to reply, make new topics and to access all the areas. Registration is free! Click Here To Register.
+ Techno World Inc - The Best Technical Encyclopedia Online! » Forum » THE TECHNO CLUB [ TECHNOWORLDINC.COM ] » Programming Zone » HTML
  HTML checklist: check your HTML
Pages: [1]   Go Down
  Print  
Author Topic: HTML checklist: check your HTML  (Read 2125 times)
Daniel Franklin
TWI Hero
**********


Karma: 3
Offline Offline

Posts: 16647


View Profile Email
HTML checklist: check your HTML
« Posted: September 28, 2007, 09:43:01 AM »




    * Do not use <font> element.
    * Move arrangement attributes (align, valign, width, height) to CSS.
    * Do not use tables except showing table data. Using tables for visual formatting is acceptable in complex situations only. Max table nesting can not be great than 3.
    * Move attribute "background" to CSS.
    * Design of input fields and buttons must be written as class in CSS.
    * Style table must be written as external file and linked using <link>
    * All images related to design (not content) move to 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 <image> elements must have "width" and "height" attributes.
    * All <image> 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 <body>
    * 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.

Structure

    * 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 <image>. If image don't have semantic meaning, alt must be empty.
    * Use comments before main blocks.
    * Use standard tags for creating text structure (<h1>-<h4>, <p>, <ul>, <il>, <li> and so one).
    * Vertical and Horizontal menus must be defined using <li>.
    * Don't use and . Use <strong> and .
    * Blocks must be placed in document in the descending order of importance. Blocks location can be defined using CSS.


You can discuss and improve this document at http://www.htmlchecklist.com/

Vadim Nareyko, CEO of CalidStyle (http://calidstyle.com/)

Logged

Pages: [1]   Go Up
  Print  
 
Jump to:  

Copyright © 2006-2023 TechnoWorldInc.com. All Rights Reserved. Privacy Policy | Disclaimer
Page created in 0.074 seconds with 24 queries.