<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: Fournir des m&eacute;tadonn&eacute;es aux pages et aux sites</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">Fournir des m&eacute;tadonn&eacute;es aux pages et aux sites</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 13,2 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 ne contient, dans sa section HEAD, aucun &eacute;l&eacute;ment LINK sp&eacute;cifiant les relations entre cette page et les autres documents
                     ou &eacute;l&eacute;ments d'information.
                     	 
                  </p>
                  
                  <p> Par exemple, utilisez RDF pour indiquer l'auteur du document, le type de contenu, etc. Certains agents utilisateur du langage
                     HTML peuvent cr&eacute;er des outils de navigation &agrave; partir des relations des documents d&eacute;crites par l'&eacute;l&eacute;ment HTML LINK et les attributs
                     " rel" ou " rev " (c'est-&agrave;-dire, rel="next", rel="previous", rel="index", etc.).
                     
                  </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>
                     Ajoutez les &eacute;l&eacute;ments LINK &agrave; la section HEAD pour repr&eacute;senter les relations entre cette page et les autres documents.
                     	 
                  </p>
                      
                  
                  <p>
                     Liste des relations possibles entre les documents pouvant &ecirc;tre repr&eacute;sent&eacute;s par l'&eacute;l&eacute;ment LINK depuis <strong>HTML 4.01 Specification</strong>
                     [http://www.w3.org/TR/html401/types.html#type-links]
                     .
                     
                  </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>
                     L'&eacute;l&eacute;ment LINK d&eacute;finit un lien que l'utilisateur ne voit pas, mais qui est utilis&eacute; par le navigateur dans des cas bien pr&eacute;cis.
                     Il transmet des informations que le navigateur peut traiter de plusieurs fa&ccedil;ons (par exemple, Mozilla peut afficher une barre
                     de navigation sp&eacute;ciale ; lynx pr&eacute;sente ces liens dans une section sp&eacute;ciale de cet affichage).
                       
                  </p>
                  
                  <p>
                     En g&eacute;n&eacute;ral, LINK repr&eacute;sente une relation entre le document actif et un autre &eacute;l&eacute;ment. C'est le cas, par exemple, entre le
                     document HTML actif et un fichier CSS externe. Un autre exemple consiste &agrave; repr&eacute;senter le document suivant et pr&eacute;c&eacute;dent dans
                     une s&eacute;quence de documents (comme pour les diff&eacute;rents chapitres d'un didacticiel).
                     
                  </p>
                  
                  <p>
                     Cet exemple est pr&eacute;sent&eacute; par le W3C (<strong>HTML 4.01 Specification</strong>
                     [http://www.w3.org/TR/html401struct/links.html#h-12.3]
                     ) :
                     
                  </p>
                  
                  <pre>
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;HTML&gt;
&lt;HEAD&gt;
  &lt;TITLE&gt;Chapter 2&lt;/TITLE&gt;

  &lt;LINK rel="Index" href="../index.html"&gt;
  &lt;LINK rel="Next"  href="Chapter3.html"&gt;
  &lt;LINK rel="Prev"  href="Chapter1.html"&gt;
&lt;/HEAD&gt;
...the rest of the document...
</pre>
                  
                  <p>Dans l'exemple suivant, provenant de la m&ecirc;me source, utilisez l'attribut HREFLANG pour indiquer aux moteurs de recherche o&ugrave;
                     trouver la version hollandaise, portugaise et arabe d'un document.  Notez l'utilisation de l'attribut CHARSET pour le manuel
                     arabe. Notez &eacute;galement l'utilisation de l'attribut LANG pour indiquer la valeur de l'attribut de titre pour l'&eacute;l&eacute;ment LINK
                     indiquant que le manuel fran&ccedil;ais est en fran&ccedil;ais.
                     
                  </p>
                  
                  <pre>
&lt;HEAD&gt;
&lt;TITLE&gt;The manual in English&lt;/TITLE&gt;
&lt;LINK title="The manual in Dutch"
      type="text/html"
      rel="alternate"
      hreflang="nl" 
      href="http://someplace.com/manual/dutch.html"&gt;
&lt;LINK title="The manual in Portuguese"
      type="text/html"
      rel="alternate"
      hreflang="pt" 
      href="http://someplace.com/manual/portuguese.html"&gt;
&lt;LINK title="The manual in Arabic"
      type="text/html"
      rel="alternate"
      charset="ISO-8859-6"
      hreflang="ar" 
      href="http://someplace.com/manual/arabic.html"&gt;
&lt;LINK lang="fr" title="La documentation en Fran&ccedil;ais"
      type="text/html"
      rel="alternate"
      hreflang="fr"
      href="http://someplace.com/manual/french.html"&gt;
&lt;/HEAD&gt;
</pre>
                  
                  <p>Dans l'exemple suivant, on indique aux moteurs de recherche o&ugrave; chercher la version imprim&eacute;e d'un manuel.</p>
                  
                  <pre>
&lt;HEAD&gt;
&lt;TITLE&gt;Reference manual&lt;/TITLE&gt;
&lt;LINK media="print" title="The manual in postscript"
      type="application/postscript"
      rel="alternate"
      href="http://someplace.com/manual/postscript.ps"&gt;

&lt;/HEAD&gt;
</pre>
                  
                  <p>Et o&ugrave; chercher la premi&egrave;re page d'une collection de documents.</p>
                  
                  <pre>
&lt;HEAD&gt;
&lt;TITLE&gt;Reference manual -- Page 5&lt;/TITLE&gt;
&lt;LINK rel="Start" title="The first page of the manual"
      type="text/html"
      href="http://someplace.com/manual/start.html"&gt;

&lt;/HEAD&gt;
</pre>    
                        </td>
            </tr>
         </table>
      </div>
   </body>
</html>