[Definition] Progressive enhancement is the layering of additional capabilities onto a basic capability. If a layer is not supported by the environment, the basic capability continues to operate (i.e. there is graceful degradation).
Consider employing progressive enhancement in creating your web pages. Here are the steps:
- Collect the data that you want to make available
- Organize your data
- Wrap your data in the most semantically rich HTML tags. Now you have your basic capability. This web page will operate in any browser
- Create a CSS document that styles the data in a pleasing manner, and connect the HTML document to the CSS document using the <link> element. You have just added a layer onto your HTML document. Browsers that support CSS will display the HTML in the way specified by the CSS document, and browsers that don’t support CSS will display the HTML using the default display
- Add class attributes onto the HTML tags and set their values to the standard Microformat values. This third layer will make your document more globally useful and discoverable by machines.