Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:html:liens [2023/03/19 18:08] – jcheron
+++ web:html:liens [2023/03/19 21:17] (Version actuelle) – jcheron
@@ Ligne 1: / Ligne 1: @@
-====== HTML - Liens ======
+====== Liens ======
 La balise **a** permet de créer des liens hypertextes. Il s'agit d'une balise inline non orpheline (elle peut avoir du contenu).
@@ Ligne 6: / Ligne 6: @@
 **Bonnes pratiques :**
   * Ne pas faire de lien [[#|Cliquer ici]], mais exprimer avec précision ce que va ouvrir le lien [[#|Visiter Slamwiki 2.0]]
-  * Préciser si type de document associé s'il n'est pas en HTML
+  * Préciser le type de document associé s'il n'est pas en HTML
   * Spécifier toujours un **title**, pour informer avant de cliquer
 </WRAP>
@@ Ligne 91: / Ligne 91: @@
 ^_top | Ouvre le lien vers le body de la fenêtre active |
 ^name | Ouvre le lien dans une cible nommée (déjà ouverte précédemment |
+===== Assitance =====
+Apporter des informations d'assistance en renseignant l'attribut **title** qui fait apparaître une infobulle au survol de la souris :
+<sxh html;gutter:false>
+<a href="https://www.google.com" title="Aller vers Google">Google</a>
+</sxh>
+===== Download =====
+Utiliser l'attribut **download** pour préciser qu'il s'agit d'un lien de téléchargement :
+<sxh html;gutter:false>
+<a href="https://download.mozilla.org/?product=firefox-latest-ssl&os=win64&lang=fr-FR"
+   download="firefox-latest-64bit-installer.exe">
+  Télécharger la version de Firefox pour Windows la plus récente (64-bit)(français, France)
+</a>
+</sxh>
+<WRAP info>
+L'attribut download a un double intérêt :
+  * Celui de forcer le téléchargement, pour les types de fichiers qui auraient pu s'afficher dans le navigateur (pdf par exemple)
+  * De permettre de renommer côté client le fichier téléchargé
+</WRAP>
+===== rel =====
+Il permet de spécifier le lien qui lie votre site au destinataire du lien :
+<sxh html;gutter:false>
+<a href="https://slamwiki2.kobject.net" rel="nofollow">Slamwiki 2.0</a>
+</sxh>
+^Valeur ^Signification ^
+^nofollow | Indique aux moteurs de ne pas suivre ce lien pour le référencement. |
+^alternate| Le lien pointe vers une version alternative de ce document. |
+^ugc | Le lien a été produit par une action utilisateur (commentaire par exemple). |
+===== tel et mailto =====
+Il est possible de faire un lien vers une adresse mail :
+Le préfix **mailto:** provoque l'ouverture du client de messagerie.
+<sxh html;gutter:false>
+<a href="mailto:user@kobject.net">user@kobject.net</a>
+</sxh>
+Ou vers un numéro de téléphone :
+Permet d'appeler directemetn le numéro, sur un support qui le supporte :
+<sxh html;gutter:false>
+<a href="tel:0606060606">Appelez-moi</a>
+</sxh>