<html xmlns:un="http://usablenet.com/namespaces/508_rules">
   <link rel="stylesheet" href="josh.css">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
   
      <title>Detailed View for rule: Use style sheets</title>
      <!--
  508/W3C Accessibility Suite OEM V2 for Macromedia Dreamweaver
  (C) Copyright 2001-2005 UsableNet Inc. All rights reserved.
  -->
   </head>
   <body bgcolor="#ffffff">
      <div id="Description">
         <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
            <tr>
               <td valign="top" nowrap="true" class="name">Use style sheets</td>
               <td valign="top" nowrap="true" class="compatibility">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
            </tr>
            <tr>
               <td valign="top" align="right" nowrap="true" colspan="2" class="requirements">WAI / WCAG 1.0 Priority 2 checkpoint 3.3</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>Issue Description</b><br>
                  
                  <p>
                     The page contains tags or attributes that are deprecated (i.e. that
                     have disappeared from HTML 4.01, and whose usage is discouraged by the W3C). These
                     tags/attributes can be safely replaced with appropriate CSS rules. 
                     	 
                  </p>
                  
                  
                  <p>See the list of <strong>HTML 4.01 deprecated tags</strong>
                     [http://www.w3.org/TR/REC-html40/index/elements.html]
                     .
                  </p>
                  
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>How to fix</b>
                  
                  <p>
                     Replace the deprecated tags and attributes by appropriate CSS
                     properties and rules. For example, use the CSS 'font' properties (e.g.
                     <strong>font-size, font-family, font-weight</strong>) instead of the
                     HTML FONT element to control font styles; use <strong>style="{float:
                        left}"</strong> instead of <strong>align="left"</strong>; use <strong>
                        style="border:none" </strong> instead of <strong> border="0" </strong>
                     (within IMG tags).
                     	 
                  </p>
                  
                  <p>See the list of <strong>HTML 4.01 deprecated tags</strong>
                     [http://www.w3.org/TR/REC-html40/index/elements.html]
                     .
                  </p>
                  
                  
               </td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td colspan="2" class="clearseparation">&nbsp;</td>
            </tr>
            <tr>
               <td valign="top" colspan="2" class="description"><b>Issue Explanation</b><br>
                  
                  <p>
                     By using CSS presentation rules rather than (deprecated) HTML tags
                     and attributes the following advantages are achieved:
                     	 
                  </p>
                  
                  <ul>
                     
                     <li> the code you develop is more up to the standards, and will be
                        automatically compatible when all the browsers and agents will catch
                        up with the standards;
                        
                     </li>
                     
                     <li> the developed pages will be much easier to maintain (since
                        presentation related code should be isolated in the CSS style sheet
                        that is shared by all, or most, of the pages);
                        
                     </li>
                     
                     <li> the developed pages will be less cluttered since there is no need
                        to repeatedly use tags like FONT to specify font faces and
                        colors. This will improve the download time (since the page size is
                        reduced and the browser can only download the CSS file once from the site);
                        
                     </li>
                     
                     <li> It is possible to reuse the same HTML page, and apply more than one
                        CSS file to it to allow the user of the browser to choose which
                        rendering style to use (among those that are defined).
                        
                     </li>
                     
                  </ul>
                  
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>