HTML checklist: check your HTML
- Date: 2006-12-08 - Word Count: 344
Share This!
We use this document for checking our results after any HTML cutting. I hope that it'll help for new and experienced developers.
Structure and VisualizationDo not use 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 All images related to design (not content) move to block with style {background: transparent url("gif") no-repeat;}HTML codeIf 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 elements must have "width" and "height" attributes.All 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 codeUnique 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.StructureUse 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 . If image don't have semantic meaning, alt must be empty.Use comments before main blocks.Use standard tags for creating text structure (-,
Structure and VisualizationDo not use 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 All images related to design (not content) move to block with style {background: transparent url("gif") no-repeat;}HTML codeIf 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 elements must have "width" and "height" attributes.All 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 codeUnique 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.StructureUse 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 . If image don't have semantic meaning, alt must be empty.Use comments before main blocks.Use standard tags for creating text structure (-,
, , , and so one).Vertical and Horizontal menus must be defined using .Don't use and . Use 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/)
Related Tags: html, xhtml, check, standards, dhtml, standard
Your Article Search Directory : Find in Articles
Recent articles in this category:
- How to Capitalize on Free Content From Podcasts
One of the major challenges for every website owner is generating compelling content that will - Looking for a Niche? 40 Keyword Suggestions
One of the most important steps foraffiliate marketing and Internet marketing is finding a go - 5 Benefits Of Having Your Own Home Business
There is no secret to why millions of people are flocking to the internet to start their own h - Optimized Articles Drive Traffic to Websites
Benefits of SEO ArticlesSEO Articles can help move websites up in the search engines and are o - Why You Should Be Using an Online Backup Service
Online BackupOnline backup services are relatively new but they are gaining popularity at the - FREEDOM1-PACKAGE.COM/ YOUR TOP MONEY ONLINE BUSINESSES Presents:
FREEDOM1-PACKAGE.COM/ YOUR TOP MONEY ONLINE BUSINESSES!Presents:Evaluating Your Website Traffi - 3 Bonuses To Success University's Already Stellar Program
It is not very often that you will come across a program to the likes of Success University. - How to Optimize Your Website For Better Visitor Experience and More Traffic
This article describes in simple terms, practical and effective tactics used to optimize your - Do You Like Being On Top? A Global Domains International Position.
If you like to be on top then you are just like millions of other web site owners trying to po - Internet Marketer's Dream: 8 Productivity Tips for Firefox Browser Users
Here are 8 productivity tips specifically for Mozilla Firefox users:1) SearchStatus. Set your
Most viewed articles in this category:
- The Webmaster's Assistant
There are many tools available to a webmaster to analyse website traffic allowing them to monitor th - Free Webmaster Resources
The overall importance of Quality Web Development or Web Design Tools is a factor among webmast - Webmaster Staff Leasing
Some of you might be wondering what webmaster staffing means? So just to make it clear for everyone - Web Analytics - Getting It Right
Understanding and using web analytics.In recent years, website marketers were concerned with increas - 6 Steps to a More Successful Website in 2006
Another year has passed and a new one has dawned. It's an exciting time to have an online business. - 4 Nearly FREE Ways for a Web Designer to Establish a Local Presence
Everyone seems to be a web designer these days. From your uncle’s neighbor’s nephe - Want Your Website Visitors to Return?
If your like me you have searched on every search engine any possible way to advertise your website. - HTML Editors
If you're the typical non professional user then you are probably familiar with the more popular one - Easy Content Management with Server Side Includes (part 1)
I honestly see very few websites that can really say they don’t need some sort of Content Mana - Reasons why you should have a Weblogger installed on your web site.
Radhika Venkata (c).I don't know about you, but when I built my first web site threeyears back I don