<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>Vue d&eacute;taill&eacute;e de la r&egrave;gle: Utiliser des feuilles de style</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">Utiliser des feuilles de style</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">Point de contr&ocirc;le 3,3 de priorit&eacute; 2 WAI / WCAG 1.0</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>Description du probl&egrave;me</b><br>
                           
                  <p>
                     La page contient des balises ou des attributs d&eacute;sapprouv&eacute;s (c'est-&agrave;-dire, qu'ils ne font plus partie du langage HTML 4.01
                     et dont l'usage est d&eacute;conseill&eacute; par le W3C). Ces balises/attributs peuvent &ecirc;tre remplac&eacute;s par les r&egrave;gles CSS appropri&eacute;es sans
                     le moindre risque. 
                     	 
                  </p>
                  
                  
                  <p>Voir la liste des balises du langage <strong>HTML 4.01 d&eacute;sapprouv&eacute;es</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>Proc&eacute;dure de r&eacute;paration</b>
                           
                  <p>
                     Remplacez les balises et les attributs d&eacute;sapprouv&eacute;s par les propri&eacute;t&eacute;s et les r&egrave;gles appropri&eacute;es. Par exemple, utilisez les
                     propri&eacute;t&eacute;s CSS " font " (notamment, <strong>font-size, font-family, font-weight</strong>) au lieu de  l'&eacute;l&eacute;ment HTML FONT pour contr&ocirc;ler les styles de police ; utilisez <strong>style="{float:
                        left}"</strong> &agrave; la place de <strong>align="left"</strong> ; utilisez  <strong>
                        style="border:none" </strong> &agrave; la place de <strong> border="0" </strong> (&agrave; l'int&eacute;rieur des balises IMG).
                     	 
                  </p>
                  
                  <p>Voir la liste des balises du langage <strong>HTML 4.01 d&eacute;sapprouv&eacute;es</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>Explication du probl&egrave;me</b><br>
                           
                  <p>
                     Vous obtenez les avantages suivants en utilisant les r&egrave;gles de pr&eacute;sentation CSS plut&ocirc;t que les balises et les attributs (d&eacute;sapprouv&eacute;s)
                     du langage HTML.
                     	 
                  </p>
                  
                  <ul>
                     
                     <li> le code que vous d&eacute;veloppez respecte davantage les normes et sera automatiquement compatible une fois que l'ensemble des
                        navigateurs et des agents appliqueront les normes ;
                        
                     </li>
                     
                     <li> la gestion des pages d&eacute;velopp&eacute;es est plus facile (du fait que le code de la pr&eacute;sentation doit &ecirc;tre isol&eacute; dans la feuille
                        de style CSS partag&eacute;e par toutes ou la plupart des pages) ;
                        
                     </li>
                     
                     <li> les pages d&eacute;velopp&eacute;es seront moins " encombr&eacute;es ". En effet, il n'est pas n&eacute;cessaire de r&eacute;p&eacute;ter les balises telles que FONT
                        pour sp&eacute;cifier le nom et la couleur des polices. Le t&eacute;l&eacute;chargement est plus rapide (du fait que la taille de la page est r&eacute;duite
                        et que le navigateur ne peut t&eacute;l&eacute;charger le fichier CSS qu'une seule fois depuis le site) ;
                        
                     </li>
                     
                     <li> Il est possible de r&eacute;utiliser la m&ecirc;me page HTML et de lui appliquer plusieurs fichiers CSS pour que l'utilisateur du navigateur
                        puisse choisir le style de rendu &agrave; utiliser (parmi ceux d&eacute;finis).
                        
                     </li>
                     
                  </ul>
                        
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>