<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>Detailanzeige f&uuml;r Regel: Stylesheets verwenden</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="Beschreibung">
         <table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
            <tr>
               <td valign="top" nowrap="true" class="name">Stylesheets verwenden</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 Priorit&auml;t 2 Checkpunkt 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>Problembeschreibung</b><br>
                           
                  <p>
                     Die Seite enth&auml;lt veraltete Tags oder Attribute (die also in HTML 4.01 nicht mehr vorhanden sind und deren Verwendung von
                     W3C nicht mehr empfohlen wird). Diese Tags bzw. Attribute k&ouml;nnen durch die entsprechenden CSS-Richtlinien gefahrlos ersetzt
                     werden. 
                     	 
                  </p>
                  
                  
                  <p>Weitere Hinweise finden Sie in der Liste der <strong>Veralteten HTML 4.01-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>Probleml&ouml;sung</b>
                           
                  <p>
                     Ersetzen Sie die veralteten Tags und Attribute durch entsprechende CSS-Eigenschaften und -Richtlinien. Verwenden Sie beispielsweise
                     die Schriftarteneigenschaften von CSS (wie <strong>font-size, font-family, font-weight</strong>) anstelle der FONT-Elemente von HTML um das Format der Schriften festzulegen. Oder verwenden Sie <strong>style="{float:
                        left}"</strong> anstelle von <strong>align="left"</strong>, oder <strong>
                        style="border:none" </strong> statt <strong> border="0" </strong> (in IMG-Tags).
                     	 
                  </p>
                  
                  <p>Weitere Hinweise finden Sie in der Liste der <strong>Veralteten HTML 4.01-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>Problemerkl&auml;rung</b><br>
                           
                  <p>
                     Die Verwendung der CSS-Pr&auml;sentationsrichtlinien anstelle der (veralteten) HTML-Tags und -Attribute bringt die folgenden Vorteile
                     mit sich:
                     	 
                  </p>
                  
                  <ul>
                     
                     <li> Der Code, den Sie entwickeln, entspricht in h&ouml;herem Ma&szlig; den Standards und ist automatisch mit allen Browsern und Agents kompatibel,
                        die nach diesen Standards funktionieren.
                        
                     </li>
                     
                     <li> Die entwickelten Seiten sind viel leichter zu verwalten (da der f&uuml;r die Pr&auml;sentation verantwortliche Code in das CSS-Stylesheet
                        eingebunden wird, das zumindest ein Gro&szlig;teil der Seiten, wenn nicht alle Seiten, verwenden.
                        
                     </li>
                     
                     <li> Die entwickelten Seiten werden &uuml;bersichtlicher, da Elemente wie das FONT-Tag nicht st&auml;ndig zum Angeben der Schriftart und
                        der Farben verwendet werden m&uuml;ssen. Dadurch werden auch die Ladezeiten verbessert (da die Seiten kleiner werden und der Browser
                        die CSS-Datei nur einmal von der Website laden muss).
                        
                     </li>
                     
                     <li> Eine HTML-Seite kann mit mehreren CSS-Dateien verwendet werden, um dem Benutzer eine Auswahlm&ouml;glichkeit (unter den vorgegebenen
                        Stilen) bei der Darstellung der Seite zu geben.
                        
                     </li>
                     
                  </ul>
                        
               </td>
            </tr>
         </table>
      </div>
   </body>
</html>